Comment convertir en WebP toutes les images sur le VirtueMart

CDN OptiPic — solution simple au problème "Servir les images dans des formats de nouvelle génération"
Conversation WebP intelligente à la volée
Que fait OptiPic CDN lorsqu'il essaie de lui demander une image:
  • Renvoie la version WebP de l'image.
    si le navigateur prend en charge le format WebP
  • Renvoie une version compressée sans webp
    si le navigateur ne supporte pas WebP
  • Rend réactif aux écrans mobiles
    si l'image est ouverte depuis un mobile
  • Cache et accélère le chargement
    réduire la charge de votre hébergement
  • Protège
    vos images
    préservation des droits d'auteur par les balises EXIF et IPTC
  • Utilisez votre propre
    domaine
    pour charger des images depuis img.domain.com, etc.
  • Lazy load
    images
    Les images se chargent lorsque vous faites défiler les pages
La conversion en Webp et la compression des images se produisent en arrière-plan et ne ralentissent pas l'ouverture des images sur le navigateur.
Si la version optimisée n'est pas encore prête au moment de la demande d'image, la version originale est renvoyée sans aucun traitement.

Instructions vidéo pour la configuration du module VirtueMart

5 étapes faciles pour connecter WebP à VirtueMart

Étape #1: Télécharger le plugin VirtueMart WebP

Téléchargez et installez le plugin officiel CDN OptiPic pour VirtueMart sur votre site.

Étape #2: Inscrivez-vous à OptiPic CDN

Enregistrez-vous dans votre compte OptiPic CDN et ajoutez un nouveau site à votre panneau de contrôle CDN.

5 étapes faciles pour connecter WebP à VirtueMart: pic #3

Étape #3: Copier l'identifiant du site

Copiez l'ID du site Web créé dans le presse-papiers (Ctrl + C)

5 étapes faciles pour connecter WebP à VirtueMart: pic #4

Étape #4: Collez l'ID du site dans le plugin VirtueMart WebP

Accédez à la page des paramètres du plugin précédemment installé sur votre site.

Collez l'ID de site copié dans le champ de paramètres correspondant.

Étape #5: Enregistrez vos paramètres

Enregistrez les paramètres du plug-in. Videz le cache dans le panneau de configuration VirtueMart.

Modifiez les autres paramètres du plugin si nécessaire

Description des paramètres du module


Site ID in your personal account CDN OptiPic (ID de site dans votre compte personnel CDN OptiPic)
Vous pouvez trouver votre ID de site Web dans votre compte personnel CDN OptiPic. Ajoutez votre site à votre compte si vous ne l'avez pas déjà fait.
Pour désactiver la fidélité automatique, effacez simplement l'ID du site.
Domain list (if images are loaded via absolute URL) (Liste de domaines (si les images sont chargées via une URL absolue))
Chacun sur une nouvelle ligne et sans préciser le protocole (http/https).
Exemples :
mondomaine.com
www.mondomaine.com
Site pages that do not include auto-replace (Pages du site qui n'incluent pas le remplacement automatique)
Chacun sur une nouvelle ligne et doit commencer par une barre oblique (/)
Replace only URLs of images starting with a mask (Remplacer uniquement les URL des images commençant par un masque)
Chacun sur une nouvelle ligne et doit commencer par une barre oblique (/)
Exemples :
/télécharger/
/upload/test.jpeg
List of 'srcset' attributes (Liste des attributs 'srcset')
Liste des attributs de balise, dans laquelle vous devez remplacer srcset-markup des images
Qu'est-ce que srcset ?
Exemples :
srcset
data-srcset
CDN domain (domaine CDN)
Domaine via lequel CDN OptiPic fonctionnera. Vous pouvez utiliser votre sous-domaine (img.votredomaine.com, optipic.votredomaine.com, etc.) au lieu du standard cdn.optipic.io. Pour connecter votre sous-domaine, contactez le support technique OptiPic.
Ce qui obtient l'optimisation des images sur le site
  • Accélérer
    le site
  • Améliorer
    le référencement
  • Augmentation
    de la conversion
  • Augmentation de Google
    Pagespeed Insights

Pourquoi cela vaut-il la peine d'utiliser WebP pour VirtueMart ?

L'utilisation de Webp résout le problème « Servir les images dans des formats de nouvelle génération » dans Google Pagespeed Insights.

En bref, WebP compresse mieux le fichier, toutes choses égales par ailleurs, que les anciens formats (png et jpeg) - ce qui signifie qu'il prend moins de place sur l'hébergement et se charge plus rapidement dans le navigateur lors de la visualisation de la page.

La mise en œuvre de WebP est activement encouragée par Google - ils fournissent de telles statistiques :

  • WebP compresse les images sans perte 26 % mieux que PNG.
  • WebP compresse mieux les images avec perte que JPEG de 25 à 34 % avec le même indice de similarité structurelle (SSIM)
  • WebP prend en charge la transparence sans perte (appelée alpha) avec une augmentation de taille de seulement 22 %.

Si le navigateur du visiteur ne supporte pas WebP, alors le CDN renverra l'ancien format (png/jpeg), mais compressé (optimisé pour le Web)

What is image compression

L'optimisation d'image est un traitement spécial d'un fichier graphique afin de minimiser sa taille sans perte de qualité visuelle.

Pour réaliser cette procédure, il existe un grand nombre d'algorithmes assez complexes. Cependant, ils sont tous basés sur la même base - toutes les données de service présentes (par exemple, le nom du programme qui stocke le fichier, etc.) doivent être supprimées du fichier graphique et, à l'aide de programmes spéciaux, fusionner / couleurs similaires lisses.

En conséquence, nous obtenons la même image, qui visuellement n'a pas changé. Cependant, le volume (poids) de ce fichier en octets sera bien inférieur à l'original. Si ce traitement est effectué correctement, le fichier image peut être réduit à 98% sans perte de qualité d'image.

Cela signifie que les images sur les pages du site seront chargées beaucoup plus rapidement après l'optimisation.

Ce qui optimisera les images pour votre site

  • Économisez de l'espace disque.
  • Accélérez le chargement des pages.
  • Charge minimale du serveur.
  • Augmenter la conversion.
  • Meilleur classement du site pour les résultats de recherche.

Il a été prouvé que l'accélération des sites Web peut améliorer les facteurs comportementaux et augmenter la conversion des sites Web (augmenter les ventes). Plus la page du site se charge longtemps, moins les clients pourront y effectuer certaines actions cibles. Si votre site sur Internet ne fonctionne pas assez vite, vous avez toutes les chances de rater vos revenus potentiels. L'accélération de la ressource en ligne offrira l'opportunité d'améliorer la conversion et, de ce fait, d'augmenter considérablement les revenus et d'attirer plus de clients.

Avantages OptiPic

  • Il n'y a pas de paiements mensuels.
  • Automatisation complète.
  • Aide à la connexion gratuite.
  • Pour vous connecter et utiliser le service, vous n'avez pas besoin d'avoir des compétences particulières en programmation ou en administration.
  • Il n'y a aucune restriction sur la taille de l'image dans le système.
  • Assistance technique conviviale.

Comment l'optimisation des images pour peut-elle accélérer un site ?

Une page d'un site se compose le plus souvent de :

  • images ;
  • code html (contenu texte, mise en page, balisage) ;
  • vidéo ;
  • scripts javascript avec logique s'exécutant à partir du navigateur ;
  • fichiers css avec des styles de page.

Un élément tel qu'une image occupe la majeure partie du volume entier sur les pages du site et constitue la partie « la plus lourde » des pages. La réduction (l'optimisation) des images accélérera sans aucun doute considérablement le téléchargement de toute ressource en ligne.

 

En conséquence, si vous modifiez (réduisez) la taille des images, toutes les pages du site commenceront à se charger beaucoup plus rapidement.

La compression des images sur le site permettra de réduire leur volume à 75-98%, sans perdre en qualité visuelle.

Commencez maintenant avec le forfait GRATUIT

Paiement unique — pas de frais mensuels

Le forfait acheté ne s'épuise pas à la fin du mois - il est avantageux de l'acheter plusieurs mois à l'avance
Vous payez pour les vues à partir d'images CDN. Le coût total d'utilisation dépend de la quantité de trafic sur votre site. En moyenne, c'est à partir de 1,5 $ pour 1 000 000 de vues d'images.
La première démo des vues 100,000 est gratuite.
1,000,000
vues

10,00 $US 7,00 $US

2,000,000
vues

14,00 $US 10,00 $US

5,000,000
vues

24,00 $US 18,00 $US

10,000,000
vues

40,00 $US 30,00 $US

20,000,000
vues

74,00 $US 55,00 $US

50,000,000
vues

165,00 $US 123,00 $US

80,000,000
vues

235,00 $US 176,00 $US

100,000,000
vues

282,00 $US 211,00 $US

Pourquoi nous choisir ?

185 Commentaires

OptiPic s'intègre facilement avec d'autres plateformes

?