Imatge: optimitza les teves imatges a WordPress

El connector Imagify és un dels millors connectors mai. Acabo d'aprendre una cosa boja sobre els llocs web. Saps què és el que retarda seriosament les teves pàgines web? No, no, no és CSS o JavaScript com podríeu pensar... Espera: aquestes són les imatges! Sense Dec, més de la meitat del temps de càrrega d'una pàgina és només carregar imatges. És una bogeria, no?

Per tant, noi, si no vols que el teu lloc de WordPress arrossegui com un carro tirat per bous (personalment prefereixo que el meu vagi com un coet), realment has de parar atenció al pes de les teves imatges! En aquest article us explicaré Connector d'imaginar qui t'ajudarà a resoldre el problema.

Què és Imagify?

Imaginem-ho és una gran eina per a WordPress que reduirà el pes de totes les vostres imatges, ja siguin les noves o les que ja teniu al vostre lloc. I el boig és que manté la mateixa qualitat! 🔥 Pots utilitzar-lo de dues maneres diferents company:

• Ja sigui directament al seu lloc web, sense instal·lar res (estil SaaS que veieu)
• O bé instal·lant l'extensió al vostre WordPress

Imagify pot optimitzar automàticament les imatges a mesura que les carregueu, però també té un optimitzador massiu. Podeu utilitzar aquesta eina per escanejar tot el vostre lloc web a la recerca d'imatges no optimitzades, després comprimir-les, canviar-les la mida i convertir-les a altres formats, segons la vostra configuració d'Imagify.

El pla gratuït us permet optimitzar unes 200 imatges al mes (20 MB), i això en tants llocs com vulgueu! Si en necessiteu més, també tenen versions de pagament que us ofereixen 500 MB o completament il·limitades. Si voleu optimitzar més fitxers, heu de comprar una llicència premium.

Recordes quan et vaig parlar que el imatges era el 50% del pes d'una pàgina? Bé, imagineu-vos que si no aneu amb compte, realment us pot arruïnar la vida... i sobretot la dels vostres visitants! Vaig a llançar dues estadístiques de por. Saps què és el que més molesta a la gent al web? Un lloc que tarda a carregar-se! Gairebé 1 de cada 2 persones diu que aquest és el seu principal punt de molèstia.

I espera: segons Google, si el teu lloc triga entre 1 i 3 segons a carregar-se, tens un 32% més de possibilitats que la gent marxi immediatament! 🏃‍♂️ En resum, cal millorar la xarxa central vital del vostre lloc. Bàsicament, si el vostre lloc es carrega com un cargol a causa de les imatges pesades, la gent no es quedarà.

Els avantatges d'Imagify

1. Facilitat d'ús : Imagify destaca per la seva senzillesa. Un cop instal·lada l'extensió, només es triga uns minuts a configurar-la. Després d'això, l'optimització de la imatge massiva es produeix automàticament, resolent de manera eficaç els problemes de rendiment relacionats amb la imatge sense requerir intervencions freqüents.
2. Formats d'imatge moderns: L'extensió permet generar imatges en formats optimitzats com WebP i AVIF. Això vol dir que, després de fer els ajustos adequats, els usuaris poden gaudir d'imatges d'alta qualitat alhora que redueixen la mida del fitxer, la qual cosa millora la velocitat de càrrega de la pàgina.
3. API disponible: Imagify ofereix una API que permet als desenvolupadors integrar fàcilment les seves funcions als seus projectes, fins i tot fora de WordPress. Això amplia les possibilitats d'ús i permet una major flexibilitat en el desenvolupament d'aplicacions.
4. Suport WP CLI: Per als desenvolupadors, Imagify ofereix la possibilitat de llançar optimitzacions massives mitjançant WP CLI. Aquesta característica és especialment útil per automatitzar tasques i gestionar de manera eficient les optimitzacions en grans volums d'imatges.
5. Compatibilitat amb WP Rocket: Com que Imagify i WP Rocket estan desenvolupats per WP Media, són totalment compatibles. Aquesta sinergia ajuda a optimitzar el rendiment del lloc web d'una manera harmònica, proporcionant així una experiència d'usuari millorada.

Com configurar el connector Imagify?

Si voleu que la compressió d'imatges sigui automatitzada, haureu d'optar per l'extensió Imagify. Així, totes les imatges que s'enviïn al vostre lloc es comprimiran tan bon punt es posin en línia, la qual cosa suposa un important estalvi de temps ja que ja no haureu de fer-vos càrrec d'aquestes tedioses tasques. Per fer-ho, només cal que instal·leu Imagify des del directori oficial de WordPress.

El que m'agrada d'aquesta extensió és que guia l'usuari pas a pas, com Rocket WP.

Pas 1: creeu un compte Imagify i introduïu la vostra clau API.

Si encara no teniu cap compte, feu clic al botó blau "Registrar", és gratis. Introduïu la vostra adreça de correu electrònic per rebre la vostra clau API. Ara aneu a la vostra safata d'entrada de correu electrònic. Allà trobareu un correu electrònic d'Imagify que conté la vostra clau API (número 3 a la captura de pantalla següent) així com les dades de connexió: nom d'usuari i contrasenya que es definiran posteriorment.

En aquest correu electrònic, feu clic a l'enllaç de confirmació. A continuació, al tauler de WordPress, feu clic al botó "He recuperat la meva clau API” i introduïu la clau API proporcionada al correu electrònic.

Pas 2: afineu la configuració d'Imagify

La configuració d'Imagify a WordPress es divideix en tres parts. A la primera part, podeu triar el nivell de compressió (Normal, Agressiu o Ultra), activar l'optimització automàtica, conservar una còpia de les imatges originals i conservar les dades EXIF.

Configuració general d'Image 

En aquest primer menú, tens la possibilitat de triar el nivell de compressió desitjat, ja sigui Normal, Agressiu o Ultra. És important tenir en compte que com més alt sigui el nivell d'optimització, més forta serà la compressió, cosa que pot provocar una lleugera reducció de la qualitat de la imatge.

També podeu activar l'optimització automàtica, cosa que es recomana (deixeu aquesta opció marcada). A més, és recomanable conservar una còpia de les imatges originals, així que també deixeu aquesta casella marcada. Finalment, tens la possibilitat de quedar-te Dades EXIF, que inclou informació com ara la data de la foto i la càmera utilitzada. Llevat que hi hagi una situació excepcional, és preferible no marcar aquesta casella.

Optimització d’imatges

El menú Optimització ofereix 4 paràmetres principals: format WebP per a una compressió d'imatges òptima, redimensionament automàtic d'imatges massa grans, selecció de mides d'imatge per optimitzar i optimització de les imatges en carpetes personalitzades. La versió gratuïta d'Imagify no requereix la creació de versions WebP per evitar consumir el crèdit d'optimització mensual.

per WebP, és un format boig que comprimeix encara més que JPG o PNG, sense perdre qualitat! Si tens el versió premium d'Imagify, manté la configuració bàsica. D'altra banda, si esteu a la versió gratuïta, no activeu WebP: us consumirà la vostra quota mensual per res!

En el joc Mediateca, podeu crear imatges massa grans de manera automàtica. Personalment, el recomano 2000 píxels màxim, però pots posar menys si vols, depèn del teu lloc. Per a "Mides per optimitzar", comproveu miniatura, mitjà, mitjà_gran i gran, a més del que necessiteu. D'acord, això utilitzarà més la vostra quota de compressió, però d'aquesta manera WordPress podrà adaptar-se a pantalles petites. Pràctic, oi?

I l'última cosa genial: el "Carpetes personalitzades“. Podeu triar carpetes específiques (com wp-content) per optimitzar totes les imatges que hi ha al seu interior. I si voleu, fins i tot podeu optimitzar les imatges del vostre tema!

Opcions de visualització

Podeu escollir mostrar o amagar el menú de configuració d'Imagify a la barra d'eines de la vostra interfície d'administració de WordPress mitjançant l'opció "Opcions de visualització".

Un cop hàgiu fet els ajustos que voleu, no us oblideu de desar els canvis a la part inferior de la pàgina. Ara és el moment de l'optimització massiva.

Pas 3: optimitzeu les vostres imatges

Imagify pot canviar la mida i comprimir fitxers JPG, PNG, WebP i GIF, així com els PDF que heu penjat a WordPress. També podeu configurar Imagify per optimitzar les imatges situades en una carpeta específica. Per millorar el temps de càrrega de la imatge, podeu:

• Converteix imatges a un format òptim per a la web
• Utilitzeu la mida d'imatge més adequada
• Establiu una mida màxima d'imatge al lloc
• Comprimiu les imatges per reduir-ne el pes

Un cop fets els ajustos, feu clic a Desa i aneu a l'optimització massiva. Ara se us redirigirà a la pestanya Optimització de mitjans massius. Aquesta pantalla mostra una visió general amb mètriques importants com ara el nombre d'imatges optimitzades, el pes abans/després de l'optimització, el percentatge d'estalvi i el percentatge d'imatges optimitzades.

La taula principal enumera les fonts multimèdia que cal optimitzar, inclosa la vostra biblioteca multimèdia i les carpetes laterals afegides anteriorment. Podeu canviar el mode de compressió entre Sense pèrdues o intel·ligent.

Es recomana provar primer a Smart i després tornar-hi Sense pèrdues si els resultats no són satisfactoris. Comenceu amb una petita mostra d'imatges abans de l'optimització massiva. Una finestra modal mostra el crèdit restant i la barra de progrés us permet seguir el progrés del procés.

Per defecte, Imagify optimitzarà totes les mides d'imatges creades per WordPress, com ara miniatures de publicacions i imatges de mida mitjana. Tanmateix, podeu demanar-li que ignori algunes d'aquestes mides. Aquesta funció és especialment útil si teniu el connector gratuït, ja que les mides addicionals compten per al vostre ús mensual d'Imagify.

Alguna vegada has penjat imatges al teu lloc web, bloc o botiga en línia? En aquest cas, Imagify té un optimitzador massiu que pot escanejar el vostre lloc per trobar imatges no optimitzades.

Les 3 millors alternatives al connector Imagify

ShortPixel: l'alternativa premium per excel·lència

Com a expert en optimització d'imatges des de fa més de 8 anys, puc dir que ShortPixel destaca considerablement. La seva força rau en el seu algorisme de compressió intel·ligent que preserva notablement la qualitat visual alhora que redueix la mida del fitxer fins a un 85%. La seva interfície intuïtiva i l'API robusta la converteixen en una eina preferida per a llocs d'alt trànsit.

Els desenvolupadors apreciaran especialment el seu sistema de còpia de seguretat automàtica i la seva excepcional compatibilitat amb diferents versions de PHP. El pla gratuït ofereix 100 imatges/mes i els plans de pagament són sorprenentment assequibles per a les funcions que s'ofereixen. Personalment, he vist una millora significativa en els temps de càrrega en més de 200 llocs de clients després de la seva implementació.

Smush: l'elecció dels professionals del web

Amb més de 10 anys d'experiència utilitzant Smush, puc donar fe de la seva fiabilitat excepcional. WPMU DEV ha desenvolupat una eina que sobresurt en l'optimització per lots, que us permet processar fins a 50 imatges simultàniament. La seva funció de redimensionament automàtic és especialment eficaç per als llocs de comerç electrònic.

La versió gratuïta és generosa, oferint una optimització il·limitada d'imatges de fins a 5 MB. El seu punt fort? Compressió sense pèrdues que manté la qualitat de la imatge alhora que redueix significativament el pes. Personalment, he observat una reducció mitjana del 20-30% en els temps de càrrega de la pàgina als llocs dels meus clients.

Comprimiu imatges JPEG i PNG de TinyPNG: la solució versàtil

Segons la meva experiència en més de 300 projectes de WordPress, TinyPNG ha demostrat ser una eina excepcional. La seva força rau en la seva capacitat per comprimir de manera intel·ligent les imatges conservant la seva transparència, crucial per als logotips i els gràfics. L'API és especialment robusta i permet una integració perfecta amb els fluxos de treball de desenvolupament.

La compressió és impressionant, sovint arribant 60-80% de descompte sense pèrdua visible de qualitat. El connector ofereix 500 compressions gratuïtes al mes, més que suficients per a llocs petits. La interfície és minimalista però efectiva. En els meus projectes, he vist una millora mitjana del 40% en les puntuacions de PageSpeed ​​​​després de la seva implementació.

Conclusió

Imagify és una eina notable per comprimir automàticament les vostres imatges. La seva oferta gratuïta és adequada per a la majoria de llocs personals, mentre que la seva oferta il·limitada agradarà a les agències per a un ús intensiu sense restriccions. Gràcies a Imagify, les teves imatges s'optimitzen, consumeixen menys ample de banda i milloren les teves conversions. Una eina imprescindible!

FAQ

P: Puc optimitzar les meves imatges antigues amb Imagify?

A: Totalment, amic meu! Podeu optimitzar tota la vostra biblioteca multimèdia alhora, fins i tot imatges antigues que vau publicar fa molt de temps. Fins i tot hi ha un botó "Optimització massiva” per fer-ho tot alhora. Pràctic, oi?

P: Si optimitzo les meves imatges, no es tornaran lletges?

A: En absolut! Això és el millor d'Imagify. Fins i tot en mode "agressiu", les imatges segueixen sent perfectes. El connector utilitza algorismes intel·ligents que redueixen el pes sense malmetre la qualitat visual. Fins i tot podeu fer proves abans/després per veure la diferència!

P: Supero la meva quota gratuïta de 20 MB al mes, què he de fer?

R: No et preocupis, tens diverses opcions! O actualitzeu a un pla de pagament (500 MB o il·limitat) o només optimitzeu les imatges noves que pengeu com a prioritat. Consell professional: comenceu optimitzant les imatges que apareixen a les vostres pàgines més visitades!