Imágenes adaptativas de shortpixel - KolMitE

Imágenes adaptativas de shortpixel

Imágenes adaptativas de shortpixel

mayo 28, 2019 Simple 0


Descripción

Un complemento fácil de usar que puede ayudarlo a resolver en cuestión de minutos todos los problemas relacionados con la imagen de su sitio web.

¿Necesito este plugin?

Si tienes un sitio web de WordPress con imágenes, la respuesta es: ¡muy probablemente sí!
¿Alguna vez probó su sitio web con herramientas como PageSpeed ​​Insights o GTmetrix y recibió quejas acerca de que las imágenes no tienen el tamaño adecuado o son demasiado grandes? ¿O que deberías usar imágenes de “próxima generación” como WebP? ¿O que el sitio web debería “diferir las imágenes fuera de pantalla”?
ShortPixel Adaptive Images viene al rescate y resuelve los problemas relacionados con la imagen de su sitio en un instante.

¿Cuales son los beneficios?

Imagina que podrías resolver todos los problemas de tu sitio web relacionados con la imagen con un simple clic, ¿no sería genial?
Por lo general, las imágenes son el recurso más grande en una página web. Con solo un clic, ShortPixel Adaptive Images reemplaza todas las fotos de su sitio web con imágenes optimizadas de tamaño apropiado, recortadas de manera inteligente y las sirve desde el CDN global de ShortPixel.
Y para más, el complemento de Google ama el complemento de imágenes WebP para los navegadores correctos de forma automática.

¿Cuáles son las características?

  • La misma calidad visual pero imágenes más pequeñas gracias a los algoritmos de ShortPixel.
  • recorte inteligente – ver un ejemplo
  • solo sirve imágenes del tamaño adecuado en función de la vista del visitante
  • soporte de carga lenta
  • Servirá automáticamente las imágenes WebP a los navegadores que admiten este formato
  • almacenamiento en caché y servicio desde un CDN global
  • todas las galerías de imágenes principales, controles deslizantes, constructores de páginas son compatibles
  • SVG titulares
  • soporte para JPEG, WebP, PNG, GIF, TIFF, BMP
  • el tráfico no se cuenta

¿Necesito una cuenta para probar este plugin?

No, solo adelante, instálalo, actívalo en tu sitio web de WordPress y recibirás automáticamente 500 créditos de optimización de imágenes.

¿Cuanto cuesta?

Al usar ShortPixel Adaptive Images, solo se cuentan los créditos de optimización de imagen. Eso significa que el tráfico CDN no se mide (considerando un uso justo). El nivel gratuito recibe 100 créditos de optimización de imagen, los planes pagados comienzan en $ 4.99 y los planes únicos y mensuales están disponibles.
Mejor aún: si ya usa ShortPixel Image Optimizer, puede usar los mismos créditos con ShortPixel Adaptive Images.

¿Como funciona esto?

Los diferentes visitantes tienen diferentes dispositivos (computadora portátil, teléfono móvil, tableta), cada uno con su propia resolución de pantalla. ShortPixel AI considera la resolución del dispositivo y luego muestra la imagen del tamaño correcto para cada marcador de posición.
Consideremos una página web con una sola imagen de 640 × 480 píxeles.
Cuando se ve desde una computadora portátil, la imagen conservará su tamaño de 640x480px, pero se optimizará y se servirá desde un CDN.
Cuando se ve la misma página web desde un teléfono móvil, la imagen se redimensionará (por ejemplo) a 300x225px, se optimizará y se servirá desde CDN.
De esta manera, ni los visitantes perderán tiempo ni ancho de banda.
Tenga en cuenta que la primera vez que se realice la llamada de una imagen específica a nuestros servidores, la imagen original se servirá temporalmente.

Capturas de pantalla

  • Ejemplo de métricas del sitio en PageSpeed ​​Insights antes: Bajo

  • Ejemplo de métricas del sitio en PageSpeed ​​Insights después de: Bueno

  • Ejemplo de métricas del sitio en GTMetrix antes: puntuación F

  • Ejemplo de métricas del sitio en GTMetrix después de: Puntuación B

  • Página de configuración principal

  • Página de configuración avanzada

Preguntas más frecuentes

¿Qué pasa cuando se supera la cuota?

En el panel de control de su WP, se le avisará cuando su cuota esté a punto de agotarse y también cuando se haya excedido. Las imágenes ya optimizadas y almacenadas en la memoria caché se seguirán publicando desde nuestro CDN hasta por 30 días.
Las imágenes que aún no estaban optimizadas se publicarán directamente desde su sitio web.

¿Qué red de distribución de contenido (CDN) utiliza?

ShortPixel Adaptive Images utiliza STACKPATH, un CDN global con 45 ubicaciones de borde en todo el mundo.
Tanto los planes gratuitos como los de pago utilizan el mismo CDN con la misma cantidad de ubicaciones.
Puede ver de forma independiente cómo StackPath CDN se compara con otros proveedores de CDN aquí (en todo el mundo) y aquí (América del Norte).

¿Puedo usar un CDN diferente?

Por supuesto. Aquí puede ver cómo configurarlo con Cloudflare y cómo configurarlo con STACKPATH.
Si necesita más ayuda por favor contáctenos.

¿Qué pasa si desactivo el plugin?

Puede dejar de usar SPAI cuando lo desee, pero esto significa que su sitio se volverá más lento de repente.
Básicamente, su sitio web volverá a las imágenes originales, no optimizadas, servidas desde su servidor.

¿Qué niveles de optimización están disponibles?

Con pérdida, brillante y sin pérdidas. Aquí encontrará las diferencias entre ellos y puede realizar algunas pruebas aquí.

Ya utilicé ShortPixel Image Optimizer, ¿también puedo usar esto?

¡Ciertamente!

¿Cuál es la diferencia entre este complemento y ShortPixel Image Optimizer?

Puedes ver aquí las diferencias entre los dos servicios.

Opiniones

¡Alucinado!

tatami3lri

Las imágenes son críticas para mi sitio web. Hay muchos de ellos y tienen que ser de alta calidad y de carga rápida.

Hace unas semanas realicé algunas pruebas en GTmetrix, Pingdom, etc. y descubrí que los tiempos de carga de imágenes eran un problema grave en términos del rendimiento de mi sitio web. Así que busqué en internet una solución. Visité muchos sitios web y leí muchos comentarios. Llegué a la conclusión de que ShortPixel ofrecía la mejor combinación de funcionalidad, rendimiento y rentabilidad.

Comencé con ShortPixel Image Optimizer. Cuando descubrí que no estaba funcionando como yo quería, contacté con el equipo de soporte de ShortPixel y desde entonces recibí la ayuda de Alex Florescu. Ha hecho todo lo posible para entender mis prioridades y ayudarme a encontrar la mejor solución, que resultó ser el otro complemento de ShortPixel, ShortPixel Adaptive Images. Como resultado, la puntuación de GTmetrix para “Optimizar imágenes” se ha disparado de F a A.

Si está buscando reducir el tamaño y el tiempo de carga de las imágenes en su sitio web, se lo debemos a usted mismo al menos para incluir los complementos de ShortPixel en su lista restringida.

Excelente plugin y excelente servicio al cliente

kcho55555

El plugin hace su trabajo muy bien. Las imágenes se optimizan sin perder muchos detalles. Muy rapido tambien Capaz de ver resultados al instante. Muy buen servicio al cliente y hará un esfuerzo adicional para usted. ¡Gracias Alex!

Trabajando maravillosamente!

puntos verdes

A +

Quiéralo

Moshelog

Nosotros (Importify) hemos estado usando Shortpixel durante los últimos meses y estamos realmente satisfechos con los resultados, hemos podido reducir el tiempo de carga y obtener resultados realmente altos en GTmatrix.

Gran plugin

Kasperhounisen

Resultados asombrosos

Herramienta asequible para entregar imágenes webp de tamaño adecuado y optimizadas

zinanichita

Para nosotros, este complemento es realmente una herramienta excelente y asequible para entregar imágenes webp de tamaño adecuado y optimizadas. Aprecié que solo me cobrara por imágenes optimizadas más del 5%. ¡También aumentó nuestra puntuación de velocidad de Google Pages! Si algo sale mal tiene un excelente servicio de soporte. Si solo todos los complementos fueran tan buenos …

Leer las 9 opiniones

Colaboradores y Desarrolladores

“ShortPixel Adaptive Images” es un software de código abierto. Las siguientes personas han contribuido a este plugin.

Contribuyentes

Traduzca “ShortPixel Adaptive Images” a su idioma.

¿Interesado en el desarrollo?

Busque el código, revise el repositorio de SVN o suscríbase al registro de desarrollo por RSS.

Registro de cambios

1.1.1

Fecha de lanzamiento: 27 de mayo de 2019.

  • Pantallas de retina: tenga en cuenta la proporción de píxeles al cambiar el tamaño de las imágenes.
  • Arregle el bucle de retroalimentación en MutationObserver causado por algunas versiones de jQuery que configuran a id como un hack para implementar qSA, lo que desencadena una mutación
  • Analice también los archivos .css en el navegador, con el fin de detectar algunos complementos de optimización (como Swift Performance) que extraen el CSS en línea a los recursos .css externos.
  • Notifique si Elementor tiene la opción de usar un archivo externo para el método de impresión CSS porque entra en conflicto con la sustitución de la imagen de fondo

1.1.0

Fecha de lanzamiento: 23 de mayo de 2019.

  • Opción para excluir imágenes basadas en partes de URL o patrones
  • Opción de hacer o no el efecto de fundido cuando se realiza la carga perezosa.
  • corrección para las URL que comienzan con ‘//’
  • corríjase para las URL que comienzan con “../” incluso si la página está en la raíz del sitio (https://example.com/../pictures/pic1.jpg)

1.0.3

Fecha de lanzamiento: 20 de mayo de 2019.

  • Arreglar la sustitución de la imagen de fondo en elementos no visibles inicialmente
  • MSIE corrige: String.startsCon el polyfill, arregla el IntersectionExplorer polyfill, maneja los casos cuando element.parentNode.children no está definido (IE magic :))
  • Corrija la compatibilidad con la lente de aumento de WooCommerce cuando utilice el efecto de fundido de entrada de las imágenes cargadas perezoso.

1.0.2

Fecha de lanzamiento: 16 de mayo de 2019.

  • integrar Avada – notificar para desactivar la carga lenta de Avada

1.0.1

Fecha de lanzamiento: 10 de mayo de 2019.

  • Mejor manejo de los excluye por ID de etiqueta.
  • no reemplace las imágenes src si el script JS del complemento se eliminó de la cola (como en los inicios de sesión o en las próximas páginas).
  • compruebe si la URL tiene host antes, para evitar algunas advertencias.

1.0.0

Fecha de lanzamiento: 8 de mayo de 2019.

  • alerta cuando la cuota es baja o agotada.
  • efecto de fundido para imágenes con carga lenta
  • Reemplace también la taquigrafía CSS de fondo
  • No reemplace los tipos de imágenes no compatibles (como SVG) en los fondos tampoco

0.9.6

Fecha de lanzamiento: 25 de abril de 2019.

  • actualizaciones de la verificación de la configuración de Autoptimize para la optimización de la imagen después de los cambios en la versión 2.5.0.

0.9.5

Fecha de lanzamiento: 25 de abril de 2019.

  • corregir error JS en Firefox

0.9.4

Fecha de lanzamiento: 23 de abril de 2019.

  • Analizar los bloques CSS para las reglas de imagen de fondo y reemplazarlos
  • Sustitución más inteligente de las reglas de imagen de fondo: cubra los casos cuando también hay un degradado
  • La alerta de compresión doble cuando está presente la optimización de imagen de ShortPixel tiene la misma configuración de pérdida
  • Alerta de conflicto cuando Autoptimize tiene la opción de entregar imágenes usando el servicio de ShortPixel.
  • Asegúrese de que no reemplace la URL de ningún tipo de imagen (por extensión) que no sea compatible
  • Excluir los puntos finales de AMP de reemplazar
  • corrigió el error para la galería de Elementor que estaba reemplazando otros enlaces que tienen una clase CSS común

0.9.3

Fecha de lanzamiento: 4 de marzo de 2019.

  • Integrar galerías: Foo Gallery, Envira, Modula, Elementor, complementos esenciales para Elementor, Everest, galería de WordPress predeterminada
  • Integrar con el widget Testimonial de WP Bakery
  • active las integraciones solo si los complementos correspondientes están activos (también para la integración de NextGen existente)
  • use el separador “+” para los parámetros de optimización, que se integra mejor con algunos complementos que analizan el srcset y se quedan confundidos por la coma.
  • muestra un aviso sobre conflictos con otros complementos de carga lenta.

0.9.2

Fecha de lanzamiento: 13 de febrero de 2019.

  • excluir de analizar el y
  • respete el parámetro GET PageSpeed ​​= off utilizado por algunos terceros como Divi Builder
  • Agregar enlace de configuración en la lista de complementos
  • cargar las imágenes referidas por CSS de imagen de fondo en línea
  • Solucionado: src de imagen sin comillas seguidas inmediatamente por>, URL que contienen UTF8 no codificado, URL de imagen de fondo en línea con “etc

0.9.1

Fecha de lanzamiento: 30 de enero de 2019.

  • encargarse de

<

div data-src = ”…”>
* maneja 's, “en CSS de imagen de fondo
* manejar imágenes con href vacío
* Manejar mas casos de hrefs sin comillas.

0.9.0

Fecha de lanzamiento: 23 de enero de 2019.

  • Utilice el reemplazo generado por Babel para el código de WebP async / await
  • analizar el estilo en línea de la imagen de fondo
  • Compruebe también si el elemento es: visible
  • añadir a la configuración una lista de excluye que deja la URL como está
  • use svg en lugar de gif para el reemplazo de imágenes en línea, para una mejor compatibilidad con Safari
  • utilizar javascript minificado para front-end
  • arreglado: IntersectionObserver en Safari

0.8.0

Fecha de lanzamiento: 9 de diciembre de 2018.

  • Soporte WebP

0.7.2

Fecha de lanzamiento: 28 de octubre de 2018.

  • añadir mutationObserver polyfill
  • añadir alerta de que el plugin está en beta

0.7.1

Fecha de lanzamiento: 7 de octubre de 2018.

  • Solucionar problemas de rendimiento cuando la página tiene muchas modificaciones por JS.

0.7.0

Fecha de lanzamiento: 3 de noviembre de 2018.

  • Añadida carga perezosa de imagenes.

0.6.4

Fecha de lanzamiento: 7 de octubre de 2018.

  • agregue la opción SRCSET y BOTH (tanto src como srcset)
  • urlencode el URLS antes de base64 para evitar la incompatibilidad con atob en algunos caracteres como (R)
[ad_2] [ihc-hide-content ihc_mb_type="show" ihc_mb_who="2,3,7,8,9,10,11" ihc_mb_template="6" ]
▷ ▷ Descargar este Plugin ◁
[/ihc-hide-content]

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja una respuesta