#109 Trucos para optimizar imágenes para la web

19/04/2021 40 min
#109 Trucos para optimizar imágenes para la web

Escuchar "#109 Trucos para optimizar imágenes para la web"

Síntesis del Episodio

¿Qué tal la semana?



Semana esther



No tan tranquila como la anterior… pero bastante buena.
Webinar NED Pro



Contenido esther





Semana Nahuai



Reunión Genesis Shapers: desaparición de las cookies y el posible impacto, global styles para Genesis Custom Blocks... sin fecha para el bloque para listar CPTs.



Contenido Nahuai



 3 tutoriales nuevos en Código Genesis de los cuales destaca:





Tema de la semana:



Nociones básicas:



Redimensionar No subir imágenes directamente de cámara de fotos o máxima calidadComprimirAjustar el nivel de calidad (70-80%)





Formatos:



JPGPNG -> transparencias, escala de grises y pocos coloresGIF -> escala de grises y animacionesWebP -> Reducción de un 30% respecto JPG / soporte del 93% de navegadoresAVIF -> Reducción de un 50% respecto JPG / soporte del 63% de navegadores



PNG no solo para escala de grises y transparencias. Cualquier imagen con pocos colores es candidata a pesar menos que su contrapartida en JPG (Antonio Laguna)



Programas:



Photoshop/LightroomAffinityAutomator (Mac)https://squoosh.app/



Plugins de WordPress:



ShortPixel -> crea una versión WebP que muestra en navegadores compatiblesEWWW IOSmush WP



También hay soluciones por parte de algunos hostings (Siteground, Webempresa...)



Más artículos relacionados:



https://nbadiola.com/mejores-plugins-wordpress-optimizar-fotografias/



https://nbadiola.com/15-herramientas-para-optimizar-fotos-web/




Novedades



El grupo WP Media (WP Rocket, Imagify y RocketCDN) es adquirido por group.ONE (empresa de hosting).



Tip de la semana



Recursos de diseños creados con CSS:



https://csslayout.io/








Gracias a:



Este episodio está patrocinado por ModularDS, la plataforma de gestión de web que incluye actualizaciones, backups, uptime monitor, análisis de vulnerabilidades, reportes y mucho más. Todo en una sola herramienta.











Ya está disponible Genesis Pro para todo el mundo, 360$ anuales que dan acceso a:




Genesis Framework



Child themes de Genesis de StudioPress



1 año de hosting en WP Engine



Plugin Genesis Pro (Diseños y secciones, restricción de bloques por usuarios…) y Genesis Custom Blocks Pro.