Freelandev - Vivir del desarrollo en WordPress

#109 Trucos para optimizar imágenes para la web


Listen Later

¿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 calidad
  • Comprimir
    • Ajustar el nivel de calidad (70-80%)

Formatos:

  • JPG
  • PNG -> transparencias, escala de grises y pocos colores
  • GIF -> escala de grises y animaciones
  • WebP -> Reducción de un 30% respecto JPG / soporte del 93% de navegadores
  • AVIF -> 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/Lightroom
  • Affinity
  • Automator (Mac)
  • https://squoosh.app/

Plugins de WordPress:

  • ShortPixel -> crea una versión WebP que muestra en navegadores compatibles
  • EWWW IO
  • Smush 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.
  • ...more
    View all episodesView all episodes
    Download on the App Store

    Freelandev - Vivir del desarrollo en WordPressBy Nahuai Badiola y esther solà


    More shows like Freelandev - Vivir del desarrollo en WordPress

    View all
    Emilcar Daily by Emilcar

    Emilcar Daily

    24 Listeners

    Marketing Online by Joan Boluda

    Marketing Online

    66 Listeners

    WordPress Semanal by Gonzalo Navarro

    WordPress Semanal

    8 Listeners

    Campamento Web | SEO & Marketing Digital by Campamento Web - SEO

    Campamento Web | SEO & Marketing Digital

    1 Listeners

    Web Reactiva by Daniel Primo

    Web Reactiva

    1 Listeners

    Cupertino, podcast sobre Apple by Álex Barredo, Ángel Jiménez, Matías Zavia

    Cupertino, podcast sobre Apple

    15 Listeners

    Apple Coding Daily by Julio César Fernández Muñoz

    Apple Coding Daily

    24 Listeners

    Inteligencia Artificial by Pocho Costa

    Inteligencia Artificial

    16 Listeners

    Marketing4eCommerce Podcast by Rubén Bastón y Yara Quevedo

    Marketing4eCommerce Podcast

    0 Listeners

    Loop Infinito (by Xataka) by Webedia

    Loop Infinito (by Xataka)

    57 Listeners

    WordPress Pódcast (español) by WPpodcast Team

    WordPress Pódcast (español)

    1 Listeners

    Yinyang Podcast | SEO local y Marketing para negocios locales by Yinyang SEO local

    Yinyang Podcast | SEO local y Marketing para negocios locales

    0 Listeners

    Domótica Compatible by Carlos Sahuquillo

    Domótica Compatible

    0 Listeners

    BIG podcast by BIGSEO

    BIG podcast

    1 Listeners

    SEO by LMV by Luis M. Villanueva y Alex Novoa

    SEO by LMV

    0 Listeners