Imagify: optimaliseer uw afbeeldingen op WordPress

De Imagify-plug-in is een van de beste plug-ins ooit. Ik heb net iets geks geleerd over websites. Weet u wat uw webpagina's ernstig vertraagt? Nee nee, het is geen CSS of JavaScript zoals je misschien denkt... Wacht even: dit zijn de beelden! Zonder dec bestaat meer dan de helft van de laadtijd van een pagina uit het laden van afbeeldingen. Het is verbazingwekkend, nietwaar?

Dus mijn man, als je niet wilt dat je WordPress-site voortsleept als een kar die wordt getrokken door ossen (persoonlijk geef ik er de voorkeur aan dat de mijne als een raket gaat), moet je echt op het gewicht van je afbeeldingen letten! In dit artikel vertel ik je er meer over Imagify-plug-in wie helpt u het probleem op te lossen.

Wat is Imagify?

Imagify is een geweldig hulpmiddel voor WordPress dat het gewicht van al uw afbeeldingen zal verminderen, of het nu nieuwe zijn of afbeeldingen die u al op uw site heeft. En het gekke is dat het dezelfde kwaliteit behoudt! 🔥Je kunt het op twee verschillende manieren gebruiken maatje:

• Hetzij rechtstreeks op hun website, zonder iets te installeren (SaaS-stijl zie je)
• Ofwel door de extensie op uw WordPress te installeren

Imagify kan afbeeldingen automatisch optimaliseren terwijl u ze uploadt, maar het heeft ook een bulkoptimalisatie. U kunt deze tool gebruiken om uw hele website te scannen op niet-geoptimaliseerde afbeeldingen en deze vervolgens te comprimeren, van formaat te veranderen en naar andere formaten te converteren, op basis van uw Imagify-instellingen.

Met het gratis abonnement kunt u ongeveer 200 afbeeldingen per maand (20 MB) optimaliseren, en dat op zoveel sites als u wilt! Als je meer nodig hebt, hebben ze ook betaalde versies die je 500 MB of volledig onbeperkt geven. Als u meer bestanden wilt optimaliseren, moet u een premiumlicentie aanschaffen.

Weet je nog toen ik je sprak dat de afbeeldingen was het 50% van het gewicht van een pagina? Stel je voor dat als je daar niet op let, het je leven echt kan ruïneren... en vooral dat van je bezoekers! Ik ga twee enge statistieken naar je gooien. Weet je wat mensen het meest irriteert op internet? Een site die langzaam laadt! Bijna 1 op de 2 mensen geeft aan dat dit hun grootste ergernis is.

En wacht even: als je site er 1 tot 3 seconden over doet om te laden, heb je volgens Google 32% meer kans dat mensen meteen weggaan! 🏃‍♂️ Kortom, je moet verbeteren het vitale kernweb van uw site. Kortom, als uw site als een slak laadt vanwege de zware afbeeldingen, zullen mensen niet blijven.

De voordelen van Imagify

1. Makkelijk te gebruiken : Imagify valt op door zijn eenvoud. Nadat de extensie is geïnstalleerd, duurt het slechts een paar minuten om deze te configureren. Daarna vindt de bulk-beeldoptimalisatie automatisch plaats, waardoor beeldgerelateerde prestatieproblemen effectief worden opgelost zonder dat frequente tussenkomsten nodig zijn.
2. Moderne beeldformaten: Met de extensie kunnen afbeeldingen worden gegenereerd in geoptimaliseerde formaten zoals WebP en AVIF. Dit betekent dat gebruikers, na het maken van de juiste aanpassingen, kunnen genieten van afbeeldingen van hoge kwaliteit terwijl de bestandsgrootte wordt verkleind, wat de laadsnelheid van de pagina verbetert.
3. Beschikbare API: Imagify biedt een API waarmee ontwikkelaars de functies ervan eenvoudig in hun projecten kunnen integreren, zelfs buiten WordPress. Dit breidt de gebruiksmogelijkheden uit en maakt een grotere flexibiliteit bij de applicatieontwikkeling mogelijk.
4. WP CLI-ondersteuning: Voor ontwikkelaars biedt Imagify de mogelijkheid om massa-optimalisaties te starten via WP CLI. Deze functie is met name handig voor het automatiseren van taken en het efficiënt beheren van optimalisaties op grote hoeveelheden afbeeldingen.
5. Compatibiliteit met WP Rocket: Omdat Imagify en WP Rocket beide zijn ontwikkeld door WP Media, zijn ze volledig compatibel. Deze synergie helpt de prestaties van de website op een harmonieuze manier te optimaliseren, waardoor een verbeterde gebruikerservaring wordt geboden.

Hoe configureer ik de Imagify-plug-in?

Als u wilt dat de beeldcompressie geautomatiseerd wordt, moet u kiezen voor de Imagify-extensie. Alle afbeeldingen die naar uw site worden verzonden, worden dus gecomprimeerd zodra ze online worden gezet, wat een aanzienlijke tijdsbesparing betekent omdat u deze vervelende taken niet langer hoeft uit te voeren. Om dit te doen, installeert u eenvoudig Imagify vanuit de officiële WordPress-directory.

Wat ik leuk vind aan deze extensie is dat het de gebruiker stap voor stap begeleidt, bijvoorbeeld WP Rocket.

Stap 1: Maak een Imagify-account aan en voer uw API-sleutel in.

Als u nog geen account heeft, klikt u op de blauwe knop “Registreren”, het is gratis. Voer uw e-mailadres in om uw API-sleutel te ontvangen. Ga nu naar uw e-mailinbox. Daar vindt u een e-mail van Imagify met daarin uw API-sleutel (nummer 3 in de onderstaande schermafbeelding) en uw verbindingsgegevens: gebruikersnaam en wachtwoord die later moeten worden gedefinieerd.

Klik in deze e-mail op de bevestigingslink. Klik vervolgens in uw WordPress-dashboard op de knop “Ik heb mijn API-sleutel hersteld' en voer de API-sleutel in die in de e-mail staat.

Stap 2: Verfijn uw Imagify-instellingen

De Imagify-instellingen op WordPress zijn onderverdeeld in drie delen. In het eerste deel kun je het compressieniveau kiezen (Normaal, Agressief of Ultra), automatische optimalisatie inschakelen, een kopie van de originele afbeeldingen bewaren en EXIF-gegevens bewaren.

Algemene Imagify-instellingen 

In dit eerste menu heeft u de mogelijkheid om het gewenste compressieniveau te kiezen: Normaal, Agressief of Ultra. Het is belangrijk op te merken dat hoe hoger het optimalisatieniveau, hoe sterker de compressie zal zijn, wat kan resulteren in een lichte vermindering van de beeldkwaliteit.

U kunt ook automatische optimalisatie inschakelen, wat wordt aanbevolen (laat deze optie aangevinkt). Bovendien is het raadzaam om een ​​kopie van de originele afbeeldingen te bewaren, dus laat dit vakje ook aangevinkt. Tenslotte heb je de mogelijkheid om te behouden EXIF-gegevens, met informatie zoals de datum van de foto en de gebruikte camera. Tenzij er sprake is van een uitzonderlijke situatie, verdient het de voorkeur dit vakje niet aan te vinken.

afbeeldingen optimaliseren

Het Optimalisatiemenu biedt 4 hoofdinstellingen: WebP-formaat voor optimale beeldcompressie, automatisch aanpassen van de grootte van afbeeldingen die te groot zijn, selectie van afbeeldingsformaten om te optimaliseren en optimalisatie van afbeeldingen in aangepaste mappen. Voor de gratis versie van Imagify hoeven geen WebP-versies te worden gemaakt om het maandelijkse optimalisatietegoed te vermijden.

voor WebP, het is een gek formaat dat zelfs meer comprimeert dan JPG of PNG, zonder kwaliteitsverlies! Als je de premiumversie van Imagify, behoudt de basisinstellingen. Aan de andere kant, als u de gratis versie gebruikt, activeer WebP dan niet – het zal uw maandelijkse quotum voor niets opslokken!

In het deel Media, kunt u ervoor zorgen dat te grote afbeeldingen automatisch worden verkleind. Persoonlijk raad ik aan Maximaal 2000 pixels, maar je kunt er minder plaatsen als je wilt, het hangt af van je site. Voor 'Formaten om te optimaliseren', vink thumbnail, medium, medium_large en large aan, naast wat je nodig hebt. Oké, dit zal meer van je compressiequotum gebruiken, maar op deze manier kan WordPress zich aanpassen aan kleine schermen. Praktisch, toch?

En het laatste leuke: de “Aangepaste mappen“. U kunt specifieke mappen kiezen (zoals wp-content) om alle afbeeldingen daarin te optimaliseren. En als je wilt, kun je zelfs de afbeeldingen van je thema optimaliseren!

weergave-opties

U kunt ervoor kiezen om het Imagify-instellingenmenu in de werkbalk van uw WordPress-beheerinterface weer te geven of te verbergen met behulp van de optie “Weergaveopties”.

Nadat u de gewenste aanpassingen heeft aangebracht, vergeet dan niet om de wijzigingen onderaan de pagina op te slaan. Nu is het tijd voor massa-optimalisatie.

Stap 3: Optimaliseer uw afbeeldingen

Imagify kan bestanden verkleinen en comprimeren JPG, PNG, WebP en GIF, evenals de PDF's die u naar WordPress hebt geüpload. U kunt Imagify ook configureren om afbeeldingen in een specifieke map te optimaliseren. Om de laadtijd van afbeeldingen te verbeteren, kunt u:

• Converteer afbeeldingen naar een optimaal formaat voor internet
• Gebruik het meest geschikte afbeeldingsformaat
• Stel een maximale afbeeldingsgrootte in op de site
• Comprimeer afbeeldingen om hun gewicht te verminderen

Zodra de aanpassingen zijn aangebracht, klikt u op Opslaan en gaat u naar bulkoptimalisatie. U wordt nu doorgestuurd naar het tabblad Bulkmedia-optimalisatie. Dit scherm toont een overzicht met belangrijke statistieken zoals het aantal geoptimaliseerde afbeeldingen, het gewicht voor/na de optimalisatie, het besparingspercentage en het percentage geoptimaliseerde afbeeldingen.

In de hoofdtabel staan ​​de mediabronnen die u wilt optimaliseren, inclusief uw mediabibliotheek en eerder toegevoegde zijmappen. U kunt de compressiemodus wijzigen tussen Verliesloos of slim.

Het wordt aanbevolen om eerst op Smart te testen en daarna terug te schakelen naar lossless als de resultaten niet bevredigend zijn. Begin met een klein voorbeeld van afbeeldingen vóór massa-optimalisatie. Een modaal venster toont het resterende tegoed en met de voortgangsbalk kunt u de voortgang van het proces volgen.

Standaard optimaliseert Imagify alle afbeeldingsformaten die door WordPress zijn gemaakt, zoals berichtminiaturen en middelgrote afbeeldingen. U kunt hem echter vragen enkele van deze formaten te negeren. Deze functie is vooral handig als je de gratis plug-in hebt, omdat de extra formaten meetellen voor je maandelijkse Imagify-gebruik.

Heeft u ooit afbeeldingen geüpload naar uw website, blog of online winkel? In dit geval heeft Imagify een bulkoptimalisatieprogramma dat uw site kan scannen op niet-geoptimaliseerde afbeeldingen.

Top 3 alternatieven voor de Imagify-plug-in

ShortPixel – Het Premium Alternatief bij uitstek

Als ruim 8 jaar expert in beeldoptimalisatie kan ik zeggen dat ShortPixel er flink uitspringt. De kracht ligt in het intelligente compressie-algoritme dat de visuele kwaliteit opmerkelijk behoudt en tegelijkertijd de beeldkwaliteit vermindert bestandsgrootte tot 85%. Dankzij de intuïtieve interface en robuuste API is het een favoriete tool voor sites met veel verkeer.

Ontwikkelaars zullen vooral het automatische back-upsysteem en de uitzonderlijke compatibiliteit met verschillende versies van PHP waarderen. Het gratis abonnement biedt 100 afbeeldingen per maand en de betaalde abonnementen zijn verrassend betaalbaar voor de aangeboden functies. Ik heb persoonlijk een aanzienlijke verbetering gezien in de laadtijden op meer dan 200 klantensites na de implementatie ervan.

Smush – De keuze van webprofessionals

Met meer dan 10 jaar ervaring met het gebruik van Smush kan ik getuigen van de uitzonderlijke betrouwbaarheid ervan. WPMU DEV heeft een tool ontwikkeld die uitblinkt in batchoptimalisatie, waardoor u kunt verwerken maximaal 50 afbeeldingen tegelijk. De automatische formaataanpassingsfunctie is vooral effectief voor e-commercesites.

De gratis versie is genereus en biedt onbeperkte optimalisatie van afbeeldingen tot 5 MB. Zijn sterke punt? Verliesloze compressie die de beeldkwaliteit behoudt en tegelijkertijd het gewicht aanzienlijk vermindert. Ik heb persoonlijk een gemiddelde vermindering van 20-30% in de laadtijden van pagina's op de sites van mijn klanten waargenomen.

Comprimeer JPEG- en PNG-afbeeldingen met TinyPNG – de veelzijdige oplossing

Gebaseerd op mijn ervaring met meer dan 300 WordPress-projecten, heeft TinyPNG bewezen een uitzonderlijk hulpmiddel te zijn. De kracht ligt in het vermogen om afbeeldingen op intelligente wijze te comprimeren en tegelijkertijd hun transparantie te behouden – cruciaal voor logo's en afbeeldingen. De API is bijzonder robuust en maakt een naadloze integratie met ontwikkelingsworkflows mogelijk.

De compressie is indrukwekkend en reikt vaak 60-80% korting zonder zichtbaar kwaliteitsverlies. De plug-in biedt 500 gratis compressies per maand, meer dan genoeg voor kleine sites. De interface is minimalistisch maar effectief. In mijn projecten heb ik na de implementatie een gemiddelde verbetering van 40% in PageSpeed-scores gezien.

Conclusie

Imagify is een opmerkelijk hulpmiddel voor het automatisch comprimeren van uw afbeeldingen. Het gratis aanbod is geschikt voor de meeste persoonlijke sites, terwijl het onbeperkte aanbod bureaus zal aanspreken voor intensief gebruik zonder beperkingen. Dankzij Imagify worden uw afbeeldingen geoptimaliseerd, verbruiken ze minder bandbreedte en verbeteren ze uw conversies. Een essentieel hulpmiddel!

FAQ

Vraag: Kan ik mijn oude afbeeldingen optimaliseren met Imagify?

A: Helemaal, mijn vriend! Je kunt je hele mediabibliotheek in één keer optimaliseren, zelfs oude afbeeldingen die je lang geleden hebt gepost. Er is zelfs een knop “Massa-optimalisatie'Om alles in één keer te doen. Praktisch, toch?

Vraag: Als ik mijn afbeeldingen optimaliseer, worden ze dan niet lelijk?

EEN: Helemaal niet! Dat is het mooie van Imagify. Zelfs in de “agressieve” modus blijven de beelden perfect. De plug-in maakt gebruik van slimme algoritmen die het gewicht verminderen zonder de visuele kwaliteit te verpesten. Je kunt zelfs voor/na-testen doen om het verschil te zien!

Vraag: Ik overschrijd mijn gratis quotum van 20 MB per maand. Wat moet ik doen?

A: Maak je geen zorgen, je hebt verschillende opties! Ofwel upgrade je naar een betaald abonnement (500 MB of onbeperkt), ofwel optimaliseer je alleen de nieuwe afbeeldingen die je uploadt als prioriteit. Pro-tip: begin met het optimaliseren van de afbeeldingen die op uw meest bezochte pagina's verschijnen!