Avisos
Vaciar todo

[Resuelto] Formatos de imagen de nueva generación - alternativa a PNG que cargue mejor  

 
Carles
 Carles
Estimable Member

Hola! Hasta ahora tenía las imágenes de mi página web en PNG pero me da muy mala puntuación para móviles en Google PageSpeed y me recomienda que use JPEG 2000, JPEG XR o WebP; éste último, parece ser el más recomendable siendo el que más puede comprimirse manteniendo al máximo la calidad, o eso he leído por internet, corregidme sino por favor.

1. El problema es que trabajo con Elementor y la plantilla Hello y no me deja adjuntar este formato de imagen "por motivos de seguridad". He leído también por internet que añadiendo una función PHP personalizada puede solucionarse, pero me fío más de que me indiquéis vosotros si es así, y en caso afirmativo, cuál y dónde añadirla. La que he encontrado es esta, si es correcta, me podéis decir como indicar que solo quiero que me acepte WebP?

function bp_mime_type ( $mime_types ) {
 $mime_types[''] = '';
 return $mime_types;}

add_filter('upload_mimes', 'bp_mime_type', 1, 1);


2. Por otra parte, cuál sería el proceso adecuado de optimización y conversión? las imágenes las tengo en PNG, son ilustraciones.

Comprimo dichas imágenes en PNG y luego las convierto a WebP, y de ahí directas a la página web? (utilizando igualmente el plugin Smush)

3. Me preocupa esto de la compatibilidad, porque aunque fuera con formato WebP, quizá en algún navegador no podrían visualizarse las imágenes; debo seguir al pie de la letra lo que me indica Google PageSpeed y usar formatos de nueva generación, o hay algún otro formato que cargue mejor que PNG y que no sea de estos de nueva generación?

Muchísimas gracias.

Citar
Respondido : 05/07/2020 12:13 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Aún no hay soporte completo del forma webp en WordPres y tampo en navegadores.

Lo que te recomiendo sería permanecer con .png pero usar herramientas de compresión de imágenes para reducir su tamaño

Sin embargo no me queda claro cuando dices que son ilustraciones, en ese caso podrías evaluar incluso usar .svg

Envía la url de tu sitio para ver las imágenes que tienes, si son fotografías evalúa .jpg en lugar de .png

Saludos.

ResponderCitar
Respondido : 05/07/2020 12:53 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Carles
 Carles
Estimable Member

@jmarreros

Okay, el problema es que ya hice compresión de las imágenes png antes de subirlas a la web, pero aún así me indicaba que tenía muchos segundos de retraso por culpa de ellas. Ahora están todas eliminadas, solo dejé 2 para que veas el tipo de imágenes y así puedas indicarme mejor, las tienes en el siguiente enlace, debajo de "especialistas en astrología psicoevolutiva" y debajo de "Carl Gustav Jung y la astrología psicoevolutiva". Casa 9

¿Si las subo en .svg tendré menos problemas? ¿Sería el formato más rápido que podría escoger para móvil?

Muchísimas gracias.

ResponderCitar
Respondido : 05/07/2020 9:21 am
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Pues si, son ilustraciones, desde donde las obtuviste?, lo mejor en ese caso sería trabajar con el formato .svg que es estándar para ilustraciones, no perderás calidad y se verá correctamente en desktop y movil en todos los navegadores, además que al ser curvas matemáticas será más liviano.

Sin embargo sino tienes los archivos en .svg no te valdría, ya que no es posible (al menos de forma simple) pasar de .png a .svg, el formato .svg es como el formato fuente del que se desprenden el resto de formatos exportando la imagen.

Sino tienes la fuente .svg tendrás que evaluar usar .png pero .png 8 bits (256 colores), creo que con esto verás que te reducirá mucho el peso, hay servicios online o programas como photoshop que te pueden ayudar

Saludos.

Esta publicación ha sido modificada el hace 4 años por Jhon
ResponderCitar
Respondido : 05/07/2020 2:03 pm
Carles me gusta

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress