Certains vendeurs d’Adobe Commerce peuvent être confrontés au problème des images de produits surdimensionnées lorsqu’ils s’aventurent dans TikTok Shop. Ce problème est dû au fait que TikTok Shop applique des règles strictes en matière de résolution d’image, de taille et de type de fichier, ainsi que de quantité d’images pouvant être téléchargées. Il peut donc être difficile de lister les produits de manière fluide.
Cependant, en utilisant la compression d’images, les vendeurs peuvent répondre aux exigences de TikTok Shop et améliorer les performances de leurs sites Web Magento.
Contraintes d’image sur la TikTok Shop
Voici les principales exigences techniques auxquelles doivent répondre toutes les images figurant dans les listes de produits de la TikTok Shop:
- Les vendeurs peuvent télécharger jusqu’à 9 images carrées et jusqu’à 3 images pour les variantes.
- Actuellement, TikTok Shop n’accepte que les fichiers de type JPEG, PNG ou JPG.
Les images de produits aux formats HEIC ou WEBP sont désormais automatiquement converties en JPG. Si la taille du fichier respecte les restrictions, elles seront listées dans la boutique TikTok. Les fichiers HEIC correspondent généralement à des photos prises avec des smartphones (par exemple, iPhone et smartphones Android). Les fichiers WEBP sont utilisés pour le développement web et peuvent également intéresser les utilisateurs de Shopify.
Si vos images sont d’un autre type, vous devrez les convertir pour que TikTok Shop les accepte.
- La taille maximale des fichiers est de 5MB.
- La résolution minimale des images est de 100×100 pixels (800×800 selon d’autres sources), et la résolution maximale est de 20000х20000 pixels.
- Le produit ne doit pas être ombragé.
- Les images doivent être en couleur.
- Les images doivent être de haute qualité (ni floues ni pixellisées).
- Chaque image doit montrer le produit sous différents angles.
Si au moins une de ces conditions n’est pas remplie, vous pouvez recevoir une notification d’erreur en fonction de sa nature.
Lorsque vous téléchargez des images de vos produits sur TikTok Shop, veillez à ce qu’elles ne contiennent pas de liens vers des sites web externes. TikTok Shop considère ce type de contenu comme dangereux et peut désactiver votre inscription sur la plateforme.
Configurer la compression d’images dans Magento
TikTok Shop fournit des informations complètes sur les exigences en matière d’image. Ce n’est pas surprenant car l’image «vend» vos produits. Les résultats d’achat dépendent également du succès de l’affichage de l’image du produit.
TikTok Shop permet aux vendeurs de publier des produits avec des images de haute qualité pouvant atteindre 5 Mo. C’est beaucoup, car la taille moyenne d’une photo standard prise avec un téléphone est de 1 à 3 Mo non compressés. Les vendeurs peuvent prendre une photo d’un produit avec leur téléphone et l’ajouter à leur annonce. Mais la technologie ne cesse de s’améliorer et désormais, même avec l’iPhone 12 ou les nouveaux modèles sur Android, les utilisateurs peuvent obtenir des photos RAW en haute résolution. Ces photos peuvent même prendre jusqu’à 70 Mo. C’est pourquoi il convient de prendre en compte les photos RAW que vous téléchargez directement depuis votre téléphone ou votre appareil photo professionnel (si vous avez commandé une séance photo auprès d’un photographe).
Que faire si la taille de votre image dépasse les limites de la TikTok Shop?
Sachant que l’optimisation des images de produits est primordiale pour les vendeurs d’Adobe Commerce afin d’offrir une expérience d’achat transparente aux clients, Magento offre de solides capacités de compression d’images de produits. Grâce à la fonctionnalité de compression d’images de Magento, vous pouvez gérer et optimiser efficacement vos offres numériques, en veillant à ce que leurs images répondent également aux exigences des différentes plateformes de commerce électronique.
Comment activer le redimensionnement des images
- Pour les images existantes:
- Allez sur Stores > Paramètres (Settings) > Configuration dans la barre latérale d’administration.
- Dans le menu de gauche, cliquez sur Avancé (Advanced), puis sélectionnez Système (System).
- Recherchez la section Configuration du téléchargement d’images sous le sélecteur d’extension. Décochez la case Utiliser la valeur du système si vous souhaitez modifier les paramètres par défaut.
- Pour l’activer, assurez-vous que l’option Enable Frontend Resize (Activer le redimensionnement du frontal) est réglée sur Yes (Oui).
- Choisissez un paramètre de Qualité (Quality) entre 1 et 100 %. Il est recommandé d’utiliser 80-90% pour obtenir un bon équilibre entre la taille du fichier et la qualité.
- Définir la largeur maximale (Maximum Width) de l’image en pixels. Il s’agit de la largeur maximale lorsque l’image est redimensionnée, tout en conservant les proportions.
- Définit la hauteur maximale (Maximum Height) de l’image en pixels. Comme pour la largeur, elle détermine la hauteur maximale lorsque l’image est redimensionnée.
- Une fois que vous avez terminé, cliquez sur Sauvegarder la configuration (Save Config) pour enregistrer vos modifications.
Pour en savoir plus sur la description des champs, cliquez ici.
- Pour les nouvelles images (lors du téléchargement de nouvelles images):
Examinons également les options de compression d’images pour les nouveaux produits qui viennent d’être ajoutés avant qu’ils ne fassent partie du catalogue. Le redimensionnement des images avant le lancement des produits peut s’avérer crucial pour votre magasin. Sinon, votre site web devra redimensionner les images à chaque chargement de page. Ce travail supplémentaire peut ralentir votre site et mettre à rude épreuve votre serveur.
1. La voie lente
Utilisez la commande CLI par défaut pour redimensionner toutes les images :
bin/magento catalog:image:resizeLes inconvénients de cette méthode sont les suivants:
— Le processus de redimensionnement ne peut traiter qu’une seule image à la fois.
— Il redimensionne les images qui ont déjà été redimensionnées auparavant.
— Une fois entamé, le processus doit se poursuivre sans interruption et peut prendre plusieurs jours.
2. La méthode rapide
Le redimensionnement asynchrone des images a été introduit dans Adobe Commerce 2.4 et permet de redimensionner les images plus rapidement :
- Sur chaque serveur web, démarrez temporairement quelques gestionnaires de file d’attente supplémentaires (deux fois le nombre de processeurs physiques par serveur):
for i in {1.."$((2 * `nproc --all`))"};do bin/magento queue:consumers:start media.storage.catalog.image.resize &;done;- Vérifiez que les gestionnaires de file d’attente fonctionnent:
pgrep -fl media.storage.catalog.image.resize- Remplir la file d’attente avec toutes les demandes de redimensionnement d’images:
bin/magento catalog:images:resize --async- Une fois que toutes les images ont été redimensionnées, terminez le processus:
pkill -f media.storage.catalog.image.resize3. La manière rapide
Cette façon de redimensionner les images nécessite l’utilisation du frontend.
Les avantages de cette méthode sont les suivants:
— Le processus de redimensionnement peut traiter plusieurs images simultanément.
— Il peut fonctionner sur plusieurs serveurs, en particulier si vous disposez de plusieurs nœuds web, d’un équilibreur de charge et d’un espace disque partagé pour le média/répertoire.
— Ce processus permet d’éviter de redimensionner des images qui l’ont déjà été.
Cette méthode permet de redimensionner 100 000 images en moins de 8 heures, alors qu’il faudrait environ 6 jours pour utiliser la commande CLI :
- Connectez-vous à votre serveur.
- Allez dans le dossier pub / média / catalogue / produit et notez l’une des valeurs de hachage (par exemple, 0047d83143a5a3a4683afdf1116df680).
- Dans les exemples suivants, remplacez www.example.com par le domaine de votre magasin et remplacez le hachage par celui que vous avez noté plus tôt.
cd pub/
find ./media/catalog/product -path ./media/catalog/product/cache -prune -o -type f -print | sed s~./media/catalog/product/~https://www.example.com/media/catalog/product/cache/0047d83143a5a3a4683afdf1116df680/~g' > images.txtLe résultat fournit une liste de toutes les images de produits dans le magasin. Vous pouvez utiliser un outil comme «siege» ou tout autre crawler pour parcourir ces images, en utilisant tous les serveurs et cœurs de processeur dont vous disposez. De cette manière, vous pouvez créer le cache de redimensionnement beaucoup plus rapidement qu’avec d’autres méthodes.
Lorsque vous visitez une URL de cache d’image spécifique, elle génère automatiquement toutes les tailles différentes de cette image en arrière-plan si elles n’ont pas encore été créées. En outre, il ignore les fichiers qui ont déjà été redimensionnés, ce qui permet d’économiser du temps de traitement.
Services d’optimisation d’images en ligne
- TinyPNG est un service en ligne qui permet de réduire la taille des fichiers d’images sans sacrifier la qualité. Vous téléchargez vos images PNG et le site web réduit automatiquement leur taille tout en conservant la qualité de l’image. C’est un outil utile pour les développeurs et les concepteurs de sites web qui souhaitent réduire la taille des fichiers d’image afin d’améliorer la vitesse de chargement des pages web.
- IMG2GO est un service en ligne d’édition et de conversion d’images. Il vous permet de modifier la taille, de recadrer, de faire pivoter et d’effectuer d’autres opérations sur vos images. Il vous permet également de convertir des images entre différents formats de fichiers. En termes simples, il s’agit d’un outil Internet qui vous aide à faire diverses choses avec vos photos ou images sans avoir besoin d’installer un logiciel spécial sur votre ordinateur.
- CompressJPEG est un outil en ligne de compression d’images JPEG. Vous téléchargez vos images et le service réduit automatiquement leur taille tout en conservant la qualité de l’image. Cet outil est utile pour ceux qui souhaitent réduire la taille des fichiers d’images et améliorer la vitesse de chargement des pages web où ces images sont utilisées.
- Optimizilla est facile à utiliser – il suffit de télécharger vos images et il les optimise automatiquement pour le web. C’est un outil pratique pour tous ceux qui cherchent à accélérer les temps de chargement des sites web et à économiser de l’espace de stockage sans sacrifier la qualité de l’image.
Résumé
Pour réussir à vendre votre TikTok Shop et attirer plus de clients, il est essentiel de fixer les images de vos produits. Les fonctions de compression d’image de Magento peuvent facilement fonctionner avec d’autres sites web et boutiques en ligne. Cela signifie que les images de vos produits s’adapteront parfaitement à la plateforme TikTok Shop, qui applique des règles strictes en matière de taille des images. Même si les images sont plus petites, elles resteront belles et claires. De plus, le chargement de la page est plus rapide, ce qui améliore certainement ses performances en matière de promotion en ligne.
