3 Hébergeurs pour vos photos
Idéal pour les photos que vous utilisez dans vos blogs ou sites Internet, par exemple
FreeImage.host
2018 • ⭐⭐⭐⭐⭐ Très fiable • 64MB/image • ∞ illimité
Jamais supprimé
🚀 Lancer FreeImage.hostPostimages.org
2011 • ⭐⭐⭐⭐⭐ Ultra-fiable • 32MB/image • ∞ illimité
14 ans sauvegarde jusqu'à 1000 images
🚀 Lancer Postimages💻 GRILLE RESPONSIVE (Copie-colle direct)
✨ FORMULE MAGIQUE (remplacez XXX.jpg)
Nous nous limitons ici à 3 images, mais il est possible d'en mettre autant que souhaité. Il vous suffit de coller les adresses "src" de vos hébergeurs à la place de XXX.jpg.
<style>
.grid-multi { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; padding: 25px; background: linear-gradient(135deg, #f8f9ff, #e8ecff); border-radius: 16px; }
.grid-multi img { width: 140px; height: 140px; object-fit: cover; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); transition: transform 0.3s; }
.grid-multi img:hover { transform: scale(1.05); }
</style>
<div class="grid-multi">
<img src="https://i.postimg.cc/XXX1.jpg" alt="Photo 1">
<img src="https://i.postimg.cc/XXX2.jpg" alt="Photo 2">
<img src="https://i.postimg.cc/XXX3.jpg" alt="Photo 3">
</div>
.grid-multi { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; padding: 25px; background: linear-gradient(135deg, #f8f9ff, #e8ecff); border-radius: 16px; }
.grid-multi img { width: 140px; height: 140px; object-fit: cover; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); transition: transform 0.3s; }
.grid-multi img:hover { transform: scale(1.05); }
</style>
<div class="grid-multi">
<img src="https://i.postimg.cc/XXX1.jpg" alt="Photo 1">
<img src="https://i.postimg.cc/XXX2.jpg" alt="Photo 2">
<img src="https://i.postimg.cc/XXX3.jpg" alt="Photo 3">
</div>
📏 RÈGLE D'OR : Ajustez selon le NOMBRE de photos que vous souhaitez mettre dans votre grille
3-4 photos → 160px + gap:20px + padding:30px (GRANDE)
6-9 photos → 120px + gap:15px + padding:20px (MOYENNE)
10+ photos → 80px + gap:10px + padding:15px (PETITE)
3-4 photos → 160px + gap:20px + padding:30px (GRANDE)
6-9 photos → 120px + gap:15px + padding:20px (MOYENNE)
10+ photos → 80px + gap:10px + padding:15px (PETITE)