¿Cuál es el mejor formato para las imágenes de una web? Pruebe con archivos SVG. A medida que construye un sitio web y agrega imágenes a ese sitio, una de las cosas más importantes que debe determinar es qué formatos de archivo son los correctos para utilizar. Dependiendo del gráfico, un formato puede ser mucho mejor que otros.

Muchos diseñadores web se sienten cómodos con el formato de archivo JPG, y este formato es perfecto para imágenes que tienen una profundidad de color profunda, como las fotografías. Aunque este formato también funcionaría para gráficos simples, como los iconos ilustrados, no es el mejor formato para usar en ese caso. Para esos iconos, SVG sería una mejor opción. Veamos exactamente por qué:

SVG es tecnología vectorial

Esto significa que no es tecnología raster. Las imágenes vectoriales son una combinación de líneas creadas usando matemáticas. Los archivos Raster utilizan píxeles o pequeños cuadrados de color. Esta es una de las razones por las que los archivos SVG son escalables y perfectos para sitios web con capacidad de respuesta que deben escalar junto con el tamaño de la pantalla de un dispositivo.

Debido a que los gráficos vectoriales existen en el mundo de las matemáticas, para cambiar el tamaño, simplemente se cambian los números. Los archivos Raster a menudo requieren una revisión significativa cuando se trata de dimensionar.

Cuando se desea ampliar una imagen vectorial, no hay distorsión porque el sistema es matemático y el navegador sólo recalcula esa matemática y hace que las líneas sean más suaves que nunca.

Cuando hace zoom en una imagen rasterizada, pierde calidad de imagen y el archivo empieza a ser borroso a medida que empieza a ver esos píxeles de color. Las matemáticas se expanden y se contraen, los píxeles no. Si desea que sus imágenes sean independientes de la resolución, los archivos SVG le darán esa capacidad.

SVG está basado en texto

Cuando usted utiliza un editor de gráficos para producir una imagen, el programa toma una foto de su obra de arte terminada. Los archivos SVG funciona de manera diferente. Todavía puedes usar algunos programas de software y sentir como si estuvieras dibujando una imagen, pero el producto final es una colección de líneas vectoriales o incluso palabras (que en realidad son sólo vectores en la página). Los motores de búsqueda miran las palabras, específicamente las palabras clave. Si subes un JPG, te limitas al título de tu gráfico y quizás a la frase de texto alternativo. Con la codificación SVG, usted amplía las posibilidades y crea imágenes que son más fáciles de encontrar en los motores de búsqueda.

SVG es XML y funciona en otros formatos de idioma

Esto se remonta al código basado en texto. Puede hacer su imagen base en SVG y usar CSS para pulirla. Sí, puede tener una imagen que en realidad es un archivo SVG, pero también puede codificar el SVG directamente en la página y editarlo en el futuro. Puedes alterarla con CSS de la misma manera que alterarías el texto de la página, etc. Esto es muy potente y facilita la edición.

SVG se edita fácilmente

Esta es probablemente la mayor ventaja. Cuando se toma una foto de un cuadrado, es lo que es. Para realizar un cambio, debe restablecer la escena y tomar una nueva fotografía. Antes de que te des cuenta, tienes 40 imágenes de cuadrados y todavía no lo tienes del todo bien. Con archivos SVG, si comete un error, cambie las coordenadas o una palabra en un editor de texto y listo. Puedo relacionarme con esto porque dibujé un círculo SVG que no estaba colocado correctamente. Todo lo que tenía que hacer era ajustar las coordenadas.

Las imágenes JPG pueden ser pesadas

Si desea que su imagen crezca en tamaño físico, también crecerá en tamaño de archivo. Con SVG, una libra sigue siendo una libra, sin importar lo grande que sea. Un cuadrado de 2 pulgadas de ancho pesará lo mismo que un cuadrado de 100 pulgadas de ancho. El tamaño del archivo no cambia, lo que es excelente desde el punto de vista del rendimiento de la página.

Entonces, ¿cuál es mejor?

Entonces, ¿qué es un formato mejor – SVG o JPG? Eso depende de la imagen misma. Esto es como preguntar «¿qué es mejor, un martillo o un destornillador?» ¡Depende de lo que necesites lograr! Lo mismo ocurre con estos formatos de imagen. Si necesita mostrar una foto, entonces JPG es la mejor opción para usted. Si está añadiendo un icono, entonces SVG es probablemente una mejor opción.