01 - Introduction au Système de Traitement d’Images

Bienvenue dans la documentation détaillée de l’implémentation que j’ai réalisée pour la gestion des images du blog Devinsto.

🚀 Vision du Projet

Pour ce projet, j’ai voulu créer un système qui soit à la fois performant, sécurisé et totalement automatisé. Chaque image de couverture que vous téléchargez n’est plus simplement “stockée”, elle est transformée pour devenir un actif marketing protégé.

🛠 Stack Technique

• Package Principal : intervention/image-laravel: ^4.0
• PHP : 8.4 (avec typage strict)
• Laravel : 12.0
• Driver : Imagick (pour une qualité supérieure)

🎯 Ce que j’ai implémenté

J’ai construit un moteur qui réalise trois opérations fondamentales :

1. Le Filigrane (Watermark) : J’applique un motif répétitif du texte “www.devinsto.com”. Contrairement à un simple logo fixe, ce motif “tile” protège l’intégralité de la surface de l’image contre le vol de contenu.
2. Le Logo de Marque : J’insère l’icône android-chrome-512x512.png de manière dynamique. J’ai calculé son positionnement pour qu’il soit toujours à 8% de la largeur, garantissant un rendu équilibré sur mobile comme sur desktop.
3. L’Optimisation Primaire : J’encode l’image avec une qualité de 80%, ce qui réduit considérablement le poids sans perte visuelle notable.

🔮 Prochaine Étape : Spatie Image Optimizer

J’ai conçu ce système pour qu’il soit évolutif. Actuellement, nous utilisons l’optimisation native d’Intervention Image.

[!IMPORTANT] Note de développement : Il reste à intégrer le package spatie/image-optimizer pour une compression sans perte encore plus poussée (PNGQuant, OptiPNG, etc.) afin d’atteindre des scores de performance Google PageSpeed records.

🏗 Architecture Logicielle

J’ai respecté scrupuleusement le pattern STALL :

• La logique réside dans un Service (ImageProcessingService).
• Le déclenchement se fait dans les Actions (StorePostAction).
• Rien n’est pollué dans les contrôleurs, gardant votre code “Senior” et facile à maintenir.