Générateur d'Image Placeholder Gratuit
Ce générateur d'image placeholder gratuit crée une image factice de n'importe quelle largeur et hauteur jusqu'à 2000 pixels, avec une couleur de fond, une couleur de texte et votre propre texte. Vous obtenez un PNG à télécharger et la même image en code SVG à coller dans une page. Il convient aux designers et développeurs qui ont besoin d'images de remplacement pendant la construction d'une mise en page ou d'un thème.
Générateur d'Image Placeholder
Images
À propos de cet outil
Une image placeholder remplace une vraie photo pendant que vous construisez une page, afin que vous puissiez voir la mise en page, l'espacement et les rapports d'aspect avant que les images finales n'existent. Entrez la largeur et la hauteur en pixels, choisissez les deux couleurs et sélectionnez le texte. Par défaut, le texte est la taille elle-même, comme 800x450, ce qui facilite la visualisation de l'emplacement de chaque image.
Vous obtenez deux versions. Le PNG est un fichier bitmap normal qui fonctionne partout, y compris dans les modèles d'e-mail et les bibliothèques de médias CMS qui n'acceptent pas SVG. Le SVG est quelques lignes de code, quelques centaines d'octets de taille, qui s'adapte à n'importe quelle taille sans perdre de netteté, et peut être collé directement dans HTML ou enregistré en tant que fichier .svg. Les couleurs et le texte sont vérifiés avant utilisation, et rien de ce que vous entrez n'est stocké.
Les placeholders sont pour le développement. Remplacez-les par des images réelles et optimisées avant la mise en ligne de la page, et donnez aux images finales un texte alt approprié, car les moteurs de recherche et les lecteurs d'écran ne peuvent rien apprendre d'une boîte grise. La limite de taille est de 2000 par 2000 pixels, et le texte PNG est dessiné dans une police simple et grasse, donc utilisez le SVG quand vous avez besoin d'ajuster la taille ou la police du texte à la main.
Questions fréquentes
Quelle est la taille maximale ?
Jusqu'à 2000 pixels de large et 2000 pixels de haut. Cela couvre les bannières héros pleine largeur, les galeries de produits et les tailles d'images pour les réseaux sociaux. Les images plus grandes ne sont pas nécessaires pour le travail de mise en page, et limiter la taille maintient le générateur rapide. Pour un placeholder plus grand, utilisez la sortie SVG, que vous pouvez définir à n'importe quelle taille dans votre propre code.
Dois-je utiliser PNG ou SVG ?
Utilisez le PNG quand l'endroit où vous téléchargez n'accepte que des fichiers bitmap, comme de nombreux constructeurs d'e-mail et certaines bibliothèques de médias. Utilisez le SVG quand vous collez dans HTML ou CSS, car il est minuscule et reste net à n'importe quelle taille. Les deux affichent les mêmes couleurs, taille et texte.
Puis-je utiliser une image placeholder sur un site web en direct ?
Vous pouvez, mais c'est un mauvais choix. Les visiteurs et les moteurs de recherche n'obtiennent aucune information d'une boîte grise plate, et une page pleine de placeholders semble inachevée. Si les images sont toujours en production, masquez la section ou utilisez un bloc de couleur unie qui fait clairement partie du design, et publiez quand les vraies images sont prêtes.
Quelles couleurs dois-je choisir ?
Pour le travail de mise en page, un fond gris moyen avec un texte gris plus foncé est le choix habituel car il ne distrait pas du design. Choisissez des couleurs avec un contraste suffisant entre le fond et le texte, sinon l'étiquette de taille devient difficile à lire. Entrez les couleurs en tant que valeurs hexadécimales comme #cccccc.
L'image est-elle stockée sur votre serveur ?
Non. L'image est dessinée en mémoire pendant le chargement de la page et envoyée directement à votre navigateur dans le résultat. Rien n'est enregistré, et le lien de téléchargement ne fonctionne que dans la page que vous regardez, donc enregistrez le fichier avant de partir.