Consejos para imágenes para web

ramonjosegn Seguir
Seguidores
12

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
70.588
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)
 

Franyer Rivas

1
Pi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
11 Ago 2010
Mensajes
5.614
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
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
70.588
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
 
Última edición:

Alkeops

Beta
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
7 Jul 2013
Mensajes
53
Excelentes consejos. Gracias
 

frN13

Zeta
Desde
10 Oct 2010
Mensajes
1.800
recien me di cuenta que las imagenes que subir a blogger no se ven en firefox porque de la nada la reconvirtieron en .webp
 

Pegazux

Gamma
Programador
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
29 Nov 2012
Mensajes
477
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
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
70.588
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

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

nekro

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
27 Jun 2013
Mensajes
28
la verdad muchísimas gracias por el aporte yo uso Xnview Deluxe. :encouragement:
 

negociosvirtuales

Programador
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
13 Ago 2013
Mensajes
75
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias por tus aportes de cada día :D
 
Arriba