Consejos para imágenes para web

Chic@s ahí os dejo algunos consejos a la hora de usar imágenes en los sitios web:

- si la imagen contiene una persona o animal es mejor que esté mirando hacia el interior de la página, cuando la gente mira hacia afuera inconscientemente nos invitan a salir del sitio web

- las imágenes deben estar en modo RGB

- las imágenes no deberían pesar más de 30 kbs, esto es algo que se estableció cuando en Internet no se podía navegar por encima de esa velocidad (y quedó como algo permanente)

- si tu imagen tiene degradados, es una foto de un paisaje, persona, animal, etc, se comprimirá mejor si la guardas en JPG

- si tu imagen es un logotipo con pocos colores, o está creada por franjas delimitadas de colores (por ejemplo, varios cuadrados de diferentes colores), se comprimirá mejor en GIF

- se pueden animar imágenes en formato APNG (animated PNG) pero la mayoría de navegadores no lo soportan (aunque increíblemente los archivos de PowerPoint sí lo hacen)

- el formato JPG es bastante viejo, usa un algoritmo que parte la imagen en cuadrados de 8x8 pixeles para comprimir las zonas (y otros más), si el algoritmo detecta zonas que no son de 8x8 tendrá más dificultades a la hora de procesar la imagen, conclusión, haz que tus imágenes sean de tamaños, en altura y anchura, múltiplos de 8 (80 de alto, por 800 de ancho, por poner un ejemplo)

- usa algún programa especial para comprimir imágenes, estos programas vienen optimizados para sacar el mejor provecho de los algoritmos de compresión, mis recomendados son

Windows
- Xat JPEG Optimizer - (hay versión PRO también) xat.com JPEG Optimizer, JPEG Compression Viewer Compressor Optimiser Software Download
- Zoner Photo Free - (opción "guardar para web") An Award-Winning Free Photo Editor: Feature-packed Zoner Photo Studio
- RIOT - RIOT - Radical Image Optimization Tool | A free program designed to efficiently optimize images for the Web

MAC
- ImageOptim - ImageOptim ? make websites and apps load faster (Mac app)

como siempre un excelente aporte
aunque es algo que a simple vista puede resultar irrelevante causa un gran impacto en cuanto a marketing y rendimiento de un sitio web

gracias por el aporte compañero

Gracias por compartir,, yo uso Xnview Deluxe

🙂

Muy buen aporte. 😎

Buena info, no tenia idea :encouragement:

Gracias por el aporte.

El formato PNG también es interesante para imágenes pequeñas o para crear imágenes transparentes difuminadas, ya que GIF sólo permite hacerlo de forma brusca, aunque iba a ser la alternativa a Internet (ya que GIF está patentado y en cualquier momento podrían cobrar por su uso), lo cierto es que la compresión que ofrece no es relativamente buena

Google también está experimentando con un formato llamado WebP
https://developers.google.com/speed/webp/

pero no se ha vuelto popular y la mayoría de navegadores todavía no lo soportan, aunque según Google las tasas/niveles de compresión son 26% mejores que PNG

Creo en realidad que el problema no es tanto que no haya navegadores que no lo soporten (ya que con el tiempo se van adaptando), sino que no existen programas sencillos para comprimir en formato WebP

acá algunos programas que soportan conversión WebP
https://developers.google.com/speed/webp/docs/using

Excelentes consejos. Gracias

recien me di cuenta que las imagenes que subir a blogger no se ven en firefox porque de la nada la reconvirtieron en .webp

Gracias por el aporte amigo :encouragement:

Excelente aporte, me gustaría agregar a la lista de herramientas sobre windows el compresor de imágenes en lote Mass Image Compressor, lo utilizo y es excelente a la hora de rebajar el peso de las imágenes y logra resultados excelentes con reducciones de hasta 80% sin perder calidad y aún más si estas dispuesto a sacrificar un poco d

Pegazux dijo:

Excelente aporte, me gustaría agregar a la lista de herramientas sobre windows el compresor de imágenes en lote Mass Image Compressor, lo utilizo y es excelente a la hora de rebajar el peso de las imágenes y logra resultados excelentes con reducciones de hasta 80% sin perder calidad y aún más si estas dispuesto a sacrificar un poco d

Hacer clic para expandir...

Esa no la he probado, pero le echaré un vistazo

ramonjosegn dijo:

Esa no la he probado, pero le echaré un vistazo

Hacer clic para expandir...

Te lo recomiedo, es más te aseguro que supera a RIOT de lejos

la verdad muchísimas gracias por el aporte yo uso Xnview Deluxe. :encouragement:

consejos re lindos, los tendré en cuenta

el compresor de photoshop funciona también, yo las guardo en modo web y todo bien.

gracias por tus aportes de cada día 😀

Gracias por el aporte amigo.