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 StudioPress, los creadores de Genesis Framework, el entorno de trabajo de temas más popular de WordPress.

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
Marketing Online by Joan Boluda

Marketing Online

63 Listeners

FailAgain by Guillermo Gascón

FailAgain

2 Listeners

WordPress Semanal by Gonzalo Navarro

WordPress Semanal

8 Listeners

Así lo hacemos by Joan Boluda y Álex Martinez Vidal

Así lo hacemos

8 Listeners

Potencia Pro, WordPress y cozas by Miguel Angel Terrón

Potencia Pro, WordPress y cozas

3 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

Un billete a Chattanooga by Ana Cirujano y Pablo Moratinos

Un billete a Chattanooga

1 Listeners

SEO local, el podcast by Collac

SEO local, el podcast

0 Listeners

SEO desde Cero - Podcast de SEO by Info SEO

SEO desde Cero - Podcast de SEO

0 Listeners

SEO y SEM con Luis Revuelto by Luis Revuelto

SEO y SEM con Luis Revuelto

0 Listeners

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

WordPress Pódcast (español)

1 Listeners

Negocios Locales by Laura Alfonso

Negocios Locales

1 Listeners

SEO by LMV by Luis M. Villanueva y Alex Novoa

SEO by LMV

0 Listeners

Escalando Agencias by Escalando Agencias

Escalando Agencias

0 Listeners