DOCUMENTATION

Tout maîtriser,
du premier clic au CDN

Guide complet pour installer, configurer et exploiter chaque fonctionnalité de Shrinkr Studio.

01

Installation

Prérequis

WordPress 5.8+
PHP 7.4+ (8.1+ pour AVIF)
Librairie image GD ou Imagick
Mémoire PHP 128 MB minimum

Installation pas à pas

  1. Téléchargez l'archive .zip depuis votre espace client ou la page Tarifs.
  2. Dans votre tableau de bord WordPress, allez dans Extensions → Ajouter → Téléverser une extension.
  3. Sélectionnez le fichier .zip et cliquez sur Installer maintenant.
  4. Activez le plugin. Shrinkr Studio détecte automatiquement les capacités de votre serveur (GD, Imagick, WebP, AVIF).
  5. Accédez à Shrinkr Studio → Settings pour configurer vos préférences.

Tableau de bord

Après activation, un nouveau menu Shrinkr Studio apparaît dans votre barre latérale WordPress avec 5 sous-pages :

Dashboard Vue d'ensemble : statistiques, quota mensuel, capacités serveur et progression de l'optimisation.
Bulk Optimize Lancez l'optimisation en lot de toute votre bibliothèque de médias.
Settings Configurez conversion, compression, lazy loading, responsive, CDN et options avancées.
Server Config Détection automatique du serveur (Apache/Nginx) et règles de réécriture.
License Activez ou désactivez votre clé de licence pour débloquer les fonctionnalités de votre plan.
02

Conversion WebP & AVIF

Les formats nouvelle génération réduisent considérablement le poids des images tout en conservant la qualité visuelle. Shrinkr Studio gère la conversion et la distribution automatiquement.

WebP Conversion

Tous les plans

Active la conversion automatique de vos JPEG, PNG et GIF en WebP. Réduction de 25 à 34% par rapport au JPEG. Compatible avec tous les navigateurs modernes.

Settings → Conversion → Convert images to WebP

AVIF Conversion

Starter+

Format encore plus performant que le WebP avec des réductions de 50%+. Nécessite PHP 8.1+ avec le support AVIF compilé dans GD ou Imagick. Fallback automatique vers WebP si le navigateur ne supporte pas AVIF.

Settings → Conversion → Convert images to AVIF

Méthode de distribution

Deux options de livraison des images converties :

  • <picture> tag — Méthode recommandée. Shrinkr réécrit les balises img en balises picture avec sources WebP/AVIF et fallback automatique.
  • .htaccess rewrite — Réécriture côté serveur (Apache uniquement). Le serveur sert directement le fichier converti sans modifier le HTML.
Settings → Conversion → Delivery Method

Auto-Optimize on Upload

Quand cette option est activée, chaque image téléversée dans la médiathèque est automatiquement compressée et convertie. Le traitement inclut le fichier principal et tous les thumbnails générés par WordPress.

Settings → Conversion → Automatically optimize when uploaded
03

Compression

Mode de compression

Lossless Tous les plans

Compression sans perte. Qualité identique à l'originale, réduction de poids modérée (10-30%). Idéal pour la photographie professionnelle.

Lossy Starter+

Compression avec perte imperceptible. Réduction de poids maximale (40-80%). Le curseur de qualité contrôle le ratio compression/fidélité.

Curseur de qualité

Échelle de 1 à 100. La valeur recommandée est entre 75 et 85 pour un équilibre optimal entre poids et qualité. En dessous de 60, des artefacts peuvent devenir visibles.

Settings → Compression → Quality

Nettoyage des métadonnées

Supprime les données EXIF, GPS et informations caméra embarquées dans les images. Réduit le poids et protège la vie privée de vos contributeurs.

Settings → Compression → Strip Metadata
04

Lazy Loading

Le lazy loading diffère le chargement des images hors écran, améliorant considérablement le temps de chargement initial (LCP) et réduisant la bande passante.

Options disponibles

Option Description Plan
Lazy Load Images Charge les images uniquement quand elles entrent dans le viewport. Les 2 premières images (above the fold) sont exclues automatiquement. Tous
Lazy Load Iframes YouTube, Google Maps, embeds — tous les iframes sont différés. Tous
Lazy Load Videos Ajoute preload="none" aux balises vidéo pour empêcher le préchargement automatique. Tous
Background Images Lazy loading des images CSS en arrière-plan (background-image). Growth
LQIP Blur Placeholders Affiche une version floue ultra-légère (Base64) pendant le chargement de l'image. Effet blur-up. Starter+

Règles d'exclusion

Growth

Excluez certaines images du lazy loading par classes CSS ou par URL. Utile pour les images critiques above the fold ou les logos.

Classes à exclure : no-lazy, skip-lazy
URLs à exclure : /wp-content/uploads/logo.png
Settings → Lazy Load → Exclude Classes / Exclude URLs
05

Images Responsive

Auto Width/Height

Tous les plans

Ajoute automatiquement les attributs width et height manquants aux balises img. Prévient les décalages de mise en page (CLS — Cumulative Layout Shift).

Async Decode

Tous les plans

Ajoute l'attribut decoding="async" aux images pour permettre au navigateur de décoder les images sans bloquer le rendu de la page.

Preload Hero

Pro

Injecte un tag link rel="preload" pour la première image de la page. Améliore drastiquement le score LCP (Largest Contentful Paint).

Désactivation des tailles WP

Starter+

WordPress génère de nombreux thumbnails par défaut (thumbnail, medium, large, 1536x1536, 2048x2048). Désactivez ceux dont vous n'avez pas besoin pour économiser de l'espace disque et accélérer les uploads.

Settings → Responsive → Disable WP Sizes
06

CDN & Distribution

La fonctionnalité CDN est disponible à partir du plan Pro.

Shrinkr Studio réécrit automatiquement toutes les URLs d'images, scripts et styles pour les servir depuis votre CDN. Cela inclut les contenus, les srcsets, les assets CSS/JS et les URLs d'attachments WordPress.

Configuration

Champ Description
Enable CDN Active la réécriture des URLs vers votre CDN.
Provider Sélectionnez votre fournisseur : BunnyCDN, Cloudflare, ou personnalisé.
CDN URL L'URL de votre zone CDN (ex: https://cdn.votresite.com).
API Key / Secret Clés d'authentification fournies par votre fournisseur CDN.
Bucket / Zone Nom de la zone de stockage ou du bucket S3 compatible.
Settings → CDN
07

Optimisation en Lot

Le Bulk Optimizer est disponible à partir du plan Starter+.

L'optimiseur en lot traite l'intégralité de votre bibliothèque de médias existante via des requêtes AJAX asynchrones. Votre site reste parfaitement réactif pendant le traitement.

Fonctionnement

  1. Accédez à Shrinkr Studio → Bulk Optimize.
  2. Cliquez sur Bulk Optimize Now. Le système identifie toutes les images non optimisées.
  3. Les images sont traitées par lots de 5. La barre de progression se met à jour en temps réel.
  4. Le journal d'optimisation affiche les résultats : taille originale, nouvelle taille, économies et formats générés.
  5. Vous pouvez arrêter le processus à tout moment avec le bouton Stop, et le reprendre plus tard.

Re-optimisation

Si vous activez AVIF après avoir déjà optimisé vos images en WebP, utilisez le bouton Re-optimize All. Il remet toutes les images en file d'attente pour générer les nouveaux formats. Les originaux ne sont jamais modifiés — les sauvegardes sont conservées.

Optimisation individuelle

Dans la médiathèque WordPress (Médias → Bibliothèque), chaque image dispose d'un bouton Optimize dans la colonne Shrinkr. Vous pouvez également restaurer l'image originale à tout moment via le bouton Restore.

08

Configuration Serveur

Shrinkr Studio détecte automatiquement votre serveur web (Apache ou Nginx) et propose des règles de réécriture adaptées pour servir les images optimisées.

Apache (.htaccess)

Pro

Sur Apache, Shrinkr peut écrire automatiquement les règles dans votre fichier .htaccess. Cliquez sur Write Rules to .htaccess dans l'onglet Server Config. Pour supprimer les règles, utilisez le bouton Remove.

Nginx

Nginx ne supporte pas la configuration dynamique. Shrinkr Studio génère les règles à copier manuellement dans votre bloc server {}. Les règles détectent le header Accept du navigateur et servent le format WebP ou AVIF si disponible.

09

Licence & Quota

Activation

  1. Accédez à Shrinkr Studio → License.
  2. Saisissez votre clé de licence reçue par email après l'achat.
  3. Cliquez sur Activate. Les fonctionnalités de votre plan sont débloquées instantanément.

Quota mensuel

Chaque plan dispose d'un quota mensuel d'images. Le compteur se réinitialise automatiquement le 1er de chaque mois. Quand le quota est atteint, les nouvelles images ne sont plus optimisées automatiquement jusqu'à la période suivante.

Plan Quota mensuel Prix
Starter 50 images Gratuit
Starter+ 500 images 15,99 € / mois
Growth 5 000 images 27,99 € / 3 mois
Pro Illimité 32,99 € / 6 mois
Studio Illimité 49,99 € / an

Désactivation

La désactivation de la licence remet votre site sur le plan Starter gratuit. Vos images déjà optimisées ne sont pas affectées — seules les nouvelles optimisations sont limitées.

10

WooCommerce

L'intégration WooCommerce est disponible à partir du plan Growth.

Quand WooCommerce est actif, Shrinkr Studio optimise automatiquement les images produits, galeries et thumbnails spécifiques au e-commerce. L'intégration est compatible HPOS (High-Performance Order Storage).

Images traitées

  • Image principale du produit
  • Galerie de photos produit
  • Tailles spécifiques WooCommerce (woocommerce_thumbnail, woocommerce_single, woocommerce_gallery_thumbnail)
  • Images de catégories
11

FAQ Technique

Mon serveur supporte-t-il AVIF ?

Accédez à Shrinkr Studio → Dashboard. La section Server Capabilities indique si AVIF est supporté. AVIF nécessite PHP 8.1+ avec GD ou Imagick compilé avec le support AVIF.

Que se passe-t-il si je dépasse mon quota mensuel ?

Les nouvelles images uploadées ne seront pas optimisées automatiquement. Les images déjà optimisées restent en place. Le compteur se réinitialise le 1er du mois suivant, ou vous pouvez passer à un plan supérieur.

Puis-je restaurer les images originales ?

Oui. Shrinkr Studio conserve une sauvegarde de chaque image originale. Utilisez le bouton Restore dans la médiathèque WordPress pour revenir à l'image non compressée.

L'optimisation affecte-t-elle les performances de mon site ?

Le traitement est entièrement asynchrone via des requêtes AJAX en arrière-plan. Votre site reste parfaitement réactif pour vos visiteurs pendant l'optimisation. Le Bulk Optimizer traite les images par lots de 5 avec un délai de 200ms entre chaque lot.

Shrinkr est-il compatible avec les plugins de cache ?

Oui. Shrinkr Studio est compatible avec WP Rocket, W3 Total Cache, LiteSpeed Cache et tous les principaux plugins de cache. Pensez à purger votre cache après une optimisation en lot pour que les nouvelles images soient servies.

Comment fonctionne le fallback AVIF → WebP ?

Avec la méthode picture tag, Shrinkr génère une balise <picture> avec des sources AVIF, WebP et le JPEG/PNG original comme fallback. Le navigateur choisit automatiquement le meilleur format supporté. Avec la méthode .htaccess, le serveur détecte le header Accept et sert le format approprié.

Ma licence peut-elle être utilisée sur plusieurs sites ?

Les plans Starter à Pro sont limités à un seul site. Le plan Studio inclut une licence multi-sites illimitée, idéale pour les agences et les développeurs.

Prêt à accélérer votre site ?

Commencez gratuitement avec 50 images/mois. Aucune carte bancaire requise.

Commencer gratuitement Voir les fonctionnalités

Installation en 2 minutes. Compatible WordPress 5.8+.