{"id":2455,"date":"2022-04-13T10:30:25","date_gmt":"2022-04-13T08:30:25","guid":{"rendered":"http:\/\/codeur.com\/blog\/?p=2455"},"modified":"2025-09-09T17:15:19","modified_gmt":"2025-09-09T15:15:19","slug":"generateurs-images","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/generateurs-images\/","title":{"rendered":"11 g\u00e9n\u00e9rateurs d&#8217;images pour vos webdesigns"},"content":{"rendered":"<p>D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d&#8217;images pour illustrer vos maquettes en CSS et HTML. L&#8217;\u00e9quivalent d&#8217;un Lorem Ipsum pour les images en quelque sorte. Malgr\u00e9 le caract\u00e8re temporaire de ces visuels, ils sont d\u2019une importance capitale pour vos maquettes car ils vont permettre \u00e0 votre client de se projeter sur son nouveau site internet. Il est donc important de choisir le type d\u2019images en fonction du projet et du client. Si ce dernier a de l\u2019humour et si vous le connaissez d\u00e9j\u00e0, vous pouvez utiliser un g\u00e9n\u00e9rateur d\u2019images funs. Elles auront l\u2019avantage de d\u00e9tendre l\u2019atmosph\u00e8re, voire de faire rire votre client lorsqu\u2019il d\u00e9couvrira sa maquette. En revanche, s\u2019il est du genre s\u00e9rieux, ne commettez pas d\u2019impair et utilisez un g\u00e9n\u00e9rateur d\u2019images qui vous proposera des visuels plus ou moins adapt\u00e9s \u00e0 son activit\u00e9, ou \u00e0 d\u00e9faut une image sobre et passe-partout.<\/p>\n<p>Au-del\u00e0 de cet aspect, le g\u00e9n\u00e9rateur d\u2019images est utile pour ne pas perdre de temps \u00e0 chercher ou \u00e0 cr\u00e9er des visuels temporaires pour votre site. Il suffit juste de s\u00e9lectionner les dimensions, \u00e9ventuellement choisir une cat\u00e9gorie ou ajouter du texte et le tour est jou\u00e9&nbsp;! De plus, lorsqu\u2019ils s\u2019affichent gr\u00e2ce \u00e0 un lien HTML int\u00e9gr\u00e9 dans votre code, cela vous permet de ne pas encombrer inutilement la biblioth\u00e8que multim\u00e9dia du site en question.<\/p>\n<p>Si toutefois vous pr\u00e9f\u00e9rez t\u00e9l\u00e9charger les visuels, nous vous proposons \u00e9galement des g\u00e9n\u00e9rateurs d\u2019images qui fonctionnent selon ce principe&nbsp;: Dummy Image Generator, Chaos Machine et Random Image Generator.<\/p>\n<h2>Les g\u00e9n\u00e9rateurs d\u2019images al\u00e9atoires g\u00e9n\u00e9riques<\/h2>\n<h3>DummyImage<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-55707\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage.jpg\" alt=\"Dummy Image Generator\" width=\"700\" height=\"598\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage-300x256.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage-370x316.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage-270x231.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/dummyimage-570x487.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><a href=\"https:\/\/dummyimage.com\/\" target=\"_blank\" rel=\"noopener\">DummyImage<\/a> fonctionne comme Lorempixel. Il propose en plus de calculer un ratio pour une taille d&#8217;image. Vous pourrez choisir la couleur du fond, la taille, le texte etc.<\/p>\n<p>Il existe \u00e9galement une biblioth\u00e8que pour les formats standards comme une leaderboard qui fait 728*90.\u00a0\u00a0Tr\u00e8s complet.<\/p>\n<h3>fakeimg.pl<\/h3>\n<p><img decoding=\"async\" class=\"size-full wp-image-2456 aligncenter\" src=\"https:\/\/codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg.jpg\" alt=\"fakeimg.pl\" width=\"700\" height=\"300\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg-300x129.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg-370x159.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg-270x116.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/fakeimg-570x244.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>L\u00e0 encore, l\u2019utilisation de <a href=\"https:\/\/fakeimg.pl\/\" target=\"_blank\" rel=\"noopener\">fakeimg.pl<\/a> est simple. Il vous suffit de mettre la taille de votre image apr\u00e8s l\u2019URL. Seul ce premier param\u00e8tre, celui de la taille, est obligatoire.<\/p>\n<p>Il y a aussi des options, comme sur les autres g\u00e9n\u00e9rateurs, vous pouvez, par exemple, faire apparaitre un texte, ou changer certaines couleurs.<\/p>\n<h3>Dummy Image Generator<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-55709\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator.jpg\" alt=\"Dummy Image Generator\" width=\"700\" height=\"305\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator-300x131.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator-370x161.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator-270x118.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Dummy_image_generator-570x248.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Le principe est presque encore le m\u00eame, <a href=\"http:\/\/dummy-image-generator.com\/\" target=\"_blank\" rel=\"noopener\">Dummy Image Generator<\/a> propose plus de 12 cat\u00e9gories diff\u00e9rentes pour trouver la bonne image pour votre site.<\/p>\n<p>En revanche ici il vous faut t\u00e9l\u00e9charger les images, c\u2019est un peu l\u2019inconv\u00e9nient, il n\u2019y a pas l\u2019utilisation d\u2019un lien. Vous trouvez donc ais\u00e9ment vos images de mani\u00e8re al\u00e9atoire, mais vous remplissez votre biblioth\u00e8que multim\u00e9dia.<\/p>\n<h3>Lorem Picsum<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-55710\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum.png\" alt=\"Lorem picsum\" width=\"700\" height=\"339\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum-300x145.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum-370x179.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum-270x131.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Lorem-Picsum-570x276.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><a href=\"https:\/\/picsum.photos\/\" target=\"_blank\" rel=\"noopener\">Lorem Picsum<\/a> est le Lorem Ipsum de la photo&nbsp;! L\u00e0 encore il suffit d&#8217;ajouter la taille d&#8217;image souhait\u00e9e (largeur et hauteur) apr\u00e8s l\u2019URL donn\u00e9e, et vous obtiendrez une image al\u00e9atoire&nbsp;!<\/p>\n<h3>Imageholdr<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-55712\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder.png\" alt=\"image Holder\" width=\"700\" height=\"340\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder-300x146.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder-370x180.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder-270x131.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/Image-Holder-570x277.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><a href=\"https:\/\/imageholdr.com\/\" target=\"_blank\" rel=\"noopener\">Imageholdr<\/a> vous permettra de g\u00e9n\u00e9rer une image en choisissant le texte,le format, l&#8217;extension et la cat\u00e9gorie de l&#8217;image.<\/p>\n<h3>LoremFlickr<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-60261\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1.png\" alt=\"LoremFlickr\" width=\"700\" height=\"417\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1-300x179.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1-370x220.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1-270x161.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/loremflickr-1-570x340.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Vous \u00eates adepte de Flickr&nbsp;? <a href=\"https:\/\/loremflickr.com\">LoremFlickr<\/a> va vous plaire&nbsp;! Ce g\u00e9n\u00e9rateur d\u2019images utilise la base de donn\u00e9es de Flickr pour vous proposer des photos sous licence Creative Commons.<\/p>\n<p>Les professionnels peuvent s\u2019inscrire pour b\u00e9n\u00e9ficier de 10 000 cr\u00e9dits gratuits. Au-del\u00e0 de cette limite, il vous faudra payer 1\u20ac pour continuer \u00e0 utiliser cet outil.<\/p>\n<h3>Lorem Space<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-60262\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1.png\" alt=\"Lorem Space\" width=\"700\" height=\"417\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1-300x179.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1-370x220.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1-270x161.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/lorem-space-1-570x340.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Plus r\u00e9cent que les autres, voici le g\u00e9n\u00e9rateur d\u2019images qui est peut-\u00eatre le plus complet&nbsp;! Vous pourrez choisir votre th\u00e8me parmi les nombreuses cat\u00e9gories propos\u00e9es&nbsp;: voitures, maisons, alimentation, boissons, chaussures, visages\u2026 Petit plus qui distingue \u00e9galement <a href=\"https:\/\/lorem.space\/\">Lorem Space<\/a> des autres&nbsp;: vous pouvez choisir des affiches de films, de jeux vid\u00e9os, des couvertures d\u2019albums ainsi que des couvertures de livres&nbsp;!<\/p>\n<p>Vous avez la possibilit\u00e9 d\u2019obtenir une image de fa\u00e7on al\u00e9atoire ou alors de la s\u00e9lectionner dans une cat\u00e9gorie.<\/p>\n<h3>Random Pictures<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-60263\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1.png\" alt=\"Random Image generator\" width=\"700\" height=\"417\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1.png 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1-300x179.png 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1-370x220.png 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1-270x161.png 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2021\/10\/rendom-image-1-570x340.png 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><a href=\"https:\/\/randomwordgenerator.com\/picture.php\">Random Pictures<\/a> est le g\u00e9n\u00e9rateur d\u2019images al\u00e9atoires id\u00e9al si vous n\u2019avez pas beaucoup de temps pour trouver des photos, m\u00eame avec des g\u00e9n\u00e9rateurs d\u2019images&nbsp;! En effet, gr\u00e2ce \u00e0 cet outil, vous avez la possibilit\u00e9 de g\u00e9n\u00e9rer jusqu\u2019\u00e0 50 images en un clic&nbsp;! Pas mal, non&nbsp;? La base de donn\u00e9es contient plus de 1000 images r\u00e9parties entre plusieurs cat\u00e9gories&nbsp;: voitures, chiens chats, dragons, fleurs, lions, amour\u2026 Les th\u00e8mes sont certes plus limit\u00e9s que dans d\u2019autres outils mais tout d\u00e9pend ce que vous cherchez et le point fort incontestable de ce g\u00e9n\u00e9rateur est bel et bien le nombre de visuels g\u00e9n\u00e9r\u00e9s d\u2019un coup&nbsp;! Si vous souhaitez participer au d\u00e9veloppement de Random Pictures, vous pouvez leur proposer vos propres photos&nbsp;! Pour cela, il vous suffit simplement de t\u00e9l\u00e9charger votre visuel sur Pixabay ou Flickr par exemple, en n\u2019oubliant pas de lui attribuer une licence appropri\u00e9e afin qu\u2019il soit exploitable par le g\u00e9n\u00e9rateur d\u2019images.<\/p>\n<h2>Les g\u00e9n\u00e9rateurs d\u2019images al\u00e9atoires \u00e0 th\u00e8mes<\/h2>\n<h3>Chaos Machine<\/h3>\n<p>Ce g\u00e9n\u00e9rateur d\u2019images est un peu diff\u00e9rent des autres car il permet d\u2019obtenir des visuels plus abstraits. En fonction de l\u2019activit\u00e9 de votre client, pour un site graphique ou \u00e9pur\u00e9, cela peut \u00eatre int\u00e9ressant. Sur <a href=\"https:\/\/chaosmach.com\/\">Chaos Machine<\/a>, vous avez \u00e9galement la possibilit\u00e9 d\u2019ajouter un texte sur l\u2019image.<\/p>\n<p>Tout comme Dummy Image Generator, il n\u2019y a pas de lien, vous devez t\u00e9l\u00e9charger vos visuels dans la biblioth\u00e8que multimedia du site.<\/p>\n<h3>Et aussi&#8230; les g\u00e9n\u00e9rateurs d&#8217;image fun<\/h3>\n<p>Envie de rire un peu\u00a0? Les webdesigners ont de l\u2019humour, de nombreux g\u00e9n\u00e9rateurs proposent de remplir votre site avec des images fun\u00a0!<\/p>\n<p>Vous pouvez par exemple remplir votre site avec des <a href=\"https:\/\/placecats.com\/\" target=\"_blank\" rel=\"noopener\">petits chats<\/a> ou <a href=\"https:\/\/placebear.com\/\" target=\"_blank\" rel=\"noopener\">des ours<\/a> \u00e0 l&#8217;aide d&#8217;URL format\u00e9es qui vous permettent de facilement combler un trou dans votre site avec les plus belles photos de chatons du web.<\/p>\n<h2>Notre astuce pour trouver des images<\/h2>\n<p>N\u2019oubliez pas d\u2019adapter le type d\u2019images \u00e0 votre client&nbsp;!<\/p>\n<p>Gr\u00e2ce \u00e0 cette liste bien fournie, vous n\u2019avez plus que l\u2019embarras du choix pour s\u00e9lectionner le g\u00e9n\u00e9rateur d\u2019images qui vous convient le mieux. S\u00e9rieux, mignon ou carr\u00e9ment fun, choisissez le style d\u2019image que vous voulez et laissez parler votre cr\u00e9ativit\u00e9&nbsp;!<\/p>\n<p>Dites-nous en commentaire quel g\u00e9n\u00e9rateur d\u2019images vous pr\u00e9f\u00e9rez et si jamais vous avez besoin d\u2019un coup de pouce, n\u2019oubliez pas, vous pouvez trouver le freelance qu\u2019il vous faut sur <a href=\"https:\/\/www.codeur.com\/\">Codeur.com<\/a>&nbsp;!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d&#8217;images pour illustrer vos maquettes en CSS et HTML. L&#8217;\u00e9quivalent d&#8217;un Lorem Ipsum pour les images en quelque sorte. Malgr\u00e9 le caract\u00e8re temporaire de ces visuels, ils sont d\u2019une importance capitale pour vos maquettes car ils vont permettre \u00e0 votre client de se projeter sur son nouveau site internet. [&hellip;]<\/p>\n","protected":false},"author":69,"featured_media":55713,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[21],"tags":[80,79],"class_list":["post-2455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-outils","tag-ressources"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>11 g\u00e9n\u00e9rateurs d&#039;images pour vos webdesigns<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d&#039;images pour illustrer vos maquettes en CSS et HTML. L&#039;\u00e9quivalent d&#039;un Lorem Ipsum pour les images en quelque\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11 g\u00e9n\u00e9rateurs d&#039;images pour vos webdesigns\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d&#039;images pour illustrer vos maquettes en CSS et HTML. L&#039;\u00e9quivalent d&#039;un Lorem Ipsum pour les images en quelque\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-13T08:30:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-09T15:15:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"C\u00e9dric Reymbaut\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeur\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"C\u00e9dric Reymbaut\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\"},\"author\":{\"name\":\"C\u00e9dric Reymbaut\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\"},\"headline\":\"11 g\u00e9n\u00e9rateurs d&#8217;images pour vos webdesigns\",\"datePublished\":\"2022-04-13T08:30:25+00:00\",\"dateModified\":\"2025-09-09T15:15:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\"},\"wordCount\":1165,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg\",\"keywords\":[\"Outils\",\"Ressources\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\",\"name\":\"11 g\u00e9n\u00e9rateurs d'images pour vos webdesigns\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg\",\"datePublished\":\"2022-04-13T08:30:25+00:00\",\"dateModified\":\"2025-09-09T15:15:19+00:00\",\"description\":\"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d'images pour illustrer vos maquettes en CSS et HTML. L'\u00e9quivalent d'un Lorem Ipsum pour les images en quelque\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/generateurs-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg\",\"width\":1024,\"height\":618},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/generateurs-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphisme\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Webdesign\",\"item\":\"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"11 g\u00e9n\u00e9rateurs d&#8217;images pour vos webdesigns\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c\",\"name\":\"C\u00e9dric Reymbaut\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g\",\"caption\":\"C\u00e9dric Reymbaut\"},\"description\":\"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/cedric\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11 g\u00e9n\u00e9rateurs d'images pour vos webdesigns","description":"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d'images pour illustrer vos maquettes en CSS et HTML. L'\u00e9quivalent d'un Lorem Ipsum pour les images en quelque","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/generateurs-images\/","og_locale":"fr_FR","og_type":"article","og_title":"11 g\u00e9n\u00e9rateurs d'images pour vos webdesigns","og_description":"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d'images pour illustrer vos maquettes en CSS et HTML. L'\u00e9quivalent d'un Lorem Ipsum pour les images en quelque","og_url":"https:\/\/www.codeur.com\/blog\/generateurs-images\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2022-04-13T08:30:25+00:00","article_modified_time":"2025-09-09T15:15:19+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg","type":"image\/jpeg"}],"author":"C\u00e9dric Reymbaut","twitter_card":"summary_large_image","twitter_creator":"@codeur","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"C\u00e9dric Reymbaut","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/"},"author":{"name":"C\u00e9dric Reymbaut","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c"},"headline":"11 g\u00e9n\u00e9rateurs d&#8217;images pour vos webdesigns","datePublished":"2022-04-13T08:30:25+00:00","dateModified":"2025-09-09T15:15:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/"},"wordCount":1165,"commentCount":1,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg","keywords":["Outils","Ressources"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/generateurs-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/","url":"https:\/\/www.codeur.com\/blog\/generateurs-images\/","name":"11 g\u00e9n\u00e9rateurs d'images pour vos webdesigns","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg","datePublished":"2022-04-13T08:30:25+00:00","dateModified":"2025-09-09T15:15:19+00:00","description":"D\u00e9couvrez une s\u00e9lection de 11 g\u00e9n\u00e9rateurs d'images pour illustrer vos maquettes en CSS et HTML. L'\u00e9quivalent d'un Lorem Ipsum pour les images en quelque","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/generateurs-images\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2014\/01\/placekitte.jpg","width":1024,"height":618},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/generateurs-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Graphisme","item":"https:\/\/www.codeur.com\/blog\/graphisme\/"},{"@type":"ListItem","position":3,"name":"Webdesign","item":"https:\/\/www.codeur.com\/blog\/graphisme\/webdesign\/"},{"@type":"ListItem","position":4,"name":"11 g\u00e9n\u00e9rateurs d&#8217;images pour vos webdesigns"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/fd068361dcde9cff7ed7697f613f839c","name":"C\u00e9dric Reymbaut","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e5c5c5ea80ab9004dec5ca778b3a0296920ea60943b147078d0f7e299e2a8f6f?s=96&d=mm&r=g","caption":"C\u00e9dric Reymbaut"},"description":"Je suis UX\/UI designer, passionn\u00e9 par les outils comme Figma et Framer. Le week-end, je m\u2019amuse \u00e0 concevoir des SaaS sur Lovable.","sameAs":["https:\/\/www.linkedin.com\/in\/cedricreymbaut74\/"],"url":"https:\/\/www.codeur.com\/blog\/author\/cedric\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/2455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/69"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=2455"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/2455\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/55713"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=2455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=2455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=2455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}