• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página
Freelandev

Freelandev

Vivir del desarrollo en WordPress

  • Apple
  • Ivoox
  • Spotify
  • Google Podcast
  • ¿Por qué Freelandev?
  • Podcast
    • Perspectiva WordPress
    • Entrevistas a profesionales WordPress
  • Quiénes somos
  • Contacto

#109 Trucos para optimizar imágenes para la web

19/04/2021 por Nahuai y Esther 2 comentarios

Freelandev - Vivir del desarrollo en WordPress
Freelandev - Vivir del desarrollo en WordPress
#109 Trucos para optimizar imágenes para la web
00:00 / 40:18
RSS Feed
Share
Link
Embed

¿Qué tal la semana?

Semana esther

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

Contenido esther

Plantilla para listado de custom post types con campos personalizados y paginación

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:

Mostrar los posts favoritos de los suscriptores en WordPress

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%)
¿Cuál es el peso ideal de una fotografía para la web?

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.

Interacciones con los lectores

Comentarios

  1. Jose dice

    11/05/2021 a las 12:37

    Sobre lo que comentáis de cómo extraer las imágenes de un Word, sería de la siguiente forma:

    – Cambiar las extensión del archivo Docx a Zip.
    – Descomprimir el archivo Zip.

    Saludos

    Responder
    • Nahuai Badiola dice

      11/05/2021 a las 15:35

      ¡Buenas, Jose!

      Muchas gracias por tu comentario.
      Efectivamente, esa sería la manera. De hecho, lo dejamos como tip de la semana en el episodio 16.

      Un saludo.

      Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Footer

Nuestros proyectos

  • Nahuai Badiola
  • esther solà
  • Tranquilidad WP
  • Código Genesis
  • OsomPress

Escúchanos

  • iTunes
  • iVoox
  • Spotify

Sobre Freelandev

¿Emprender online como desarrollador WordPress? Aprende a gestionar tu negocio digital con esther solà y Nahuai Badiola, freelancers y desarrolladores WordPress especializados en Genesis Framework y WooCommerce. Descubre cada lunes sus estrategias de marketing digital, cómo se organizan y qué herramientas usan en el día a día.

© 2023 · Dakota theme by OsomPress · Aviso legal