- Desde
- 14 Feb 2010
- Mensajes
- 70.590
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)
- 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)