Especialista en servidores y Hosting VPS
Las imágenes correctas
/
RSS Feed
Hace meses en el webinar para suscriptores: Crear imágenes para WordPress, compartía mi workflow con Affinity Designer. Entre una cosa y la otra un suscriptor nos compartía el porque dentro de cada formato de imagen, basándome en ese webinar vamos a dar un poco de luz sobre el tema de las imágenes.
- Las imágenes no son solo decoración
- Las imágenes enriquecen el contenido
- Recordemos que no de balde dice el conocido refrán:
- Una imagen vale mas que mil palabras
- ¿Cuál es el problema?
- Que aún al día de hoy
- No sabemos con exactitud que formato de imagen elegir
- Y esto afecta directamente a nuestros WordPress
- Porque al elegir un formato incorrecto
- Ralentizamos la velocidad de carga de nuestras webs
- Tenemos la santísima trinidad
- JPEG, GIF y PNG
- Son archivos de imágenes rasterizadas
- Que muestran imágenes estáticas
- En las que cada píxel tiene un color, una posición y una proporción
- Definidos en función de su resolución
- Una vez que creamos este tipo de imagen
- Si la «agrandamos»
- Lo que hace es estirarse
- Y da como resultado
- Imágenes pixeleadas
- Los vectores
- Ya son parte de nuestro día a día
- SVG, EPS, AI
- Estos formatos no están ligado a un píxel
- Son más flexibles
- Los vectores utilizan un sistema de líneas
- Y curvas en un plano cartesiano
- Escalado en comparación con el área total
- En español significa que se puede
- Ampliar infinitamente la resolución de la imagen original
- Sin ninguna pérdida de calidad o distorsión.
- Veamos algunos formatos…
- JPEG (y JPG)
- Soporte universal para navegadores y sistemas operativos.
- Un tamaño de archivo bastante pequeño.
- La pérdida de compresión puede causar mala legibilidad del texto.
- La mejor elección para fotos dentro de los blogs y post
- No es recomendable para infografías
- O imágenes de tutoriales con texto
- PNG (Gráficos de Red Portátiles)
- Es un formato de gráficos rasterizados
- Soporta una compresión sin pérdidas
- Manteniendo el detalle
- Y el contraste entre los colores
- Es la mejor opción para banners, infografías, capturas de pantalla
- Y otros gráficos que incluyen imágenes y texto
- Por favor ¡no usar para fotos de alta resolución!
- El archivo pesará demasiados megas
- GIF (Graphics Interchange Format)
- El más famoso (y más utilizado)
- Para las imágenes animadas
- Porque su limitación de 8 bits
- Mantiene el tamaño de los archivos
- Pequeños y fáciles de usar en Internet
Veamos a las imágenes como a los plugins, tenemos muchos pero tenemos que elegir el que sea adecuado para cada uso… WordPress tiene compatibilidad para los formatos estándares y los navegadores por supuesto que si. Espero que te sea útil el resumen de cada formato a la hora de elegir tus próximas imágenes.