<img src="placeholder.png" width="800" height="400" alt="Placeholder">Use width and height attributes to prevent layout shift (CLS)
background: #ccc url('placeholder.svg') center/cover;SVG placeholders are ideal for CSS backgrounds — infinitely scalable
<Image src="/placeholder.png" width={800} height={400} alt="..." />Use Next.js Image component for automatic optimization
<img src="data:image/png;base64,..." alt="Placeholder">Embed small placeholders directly in HTML — no extra HTTP request
| Cas d'utilisation | Dimensions | Rapport d'aspect |
|---|---|---|
| Favicon / Icon | 64 × 64 | 1:1 |
| Avatar / Profile | 150 × 150 | 1:1 |
| Thumbnail | 300 × 200 | 3:2 |
| Blog Feature Image | 1200 × 630 | ~1.9:1 |
| Social Media OG | 1200 × 630 | ~1.9:1 |
| Hero Banner | 1920 × 600 | 16:5 |
| Full HD | 1920 × 1080 | 16:9 |
| Product Photo | 800 × 800 | 1:1 |
Les images de remplacement sont utilisées en développement web et design pour remplir les espaces d'image lors du prototypage, du wireframing et du développement avant que les images finales soient prêtes. Elles aident à visualiser les mises en page et à tester les designs responsifs.
Oui, toutes les images de remplacement générées par cet outil sont créées localement dans votre navigateur et sont gratuites pour n'importe quel usage, y compris les projets commerciaux.
PNG est un format d'image matricielle basé sur les pixels, compatible avec tous les navigateurs et applications. SVG est un format vectoriel qui s'adapte sans perte de qualité — idéal pour les écrans haute résolution. Utilisez SVG pour les maquettes de design web et PNG pour la compatibilité universelle.
Oui ! Vous pouvez saisir n'importe quelle largeur et hauteur en pixels. L'outil prend en charge n'importe quelles dimensions de 1×1 à des valeurs très grandes. Pour les tailles web standards, utilisez nos préréglages comme Avatar, Miniature, Bannière, Social OG et HD.