{"id":4725,"date":"2012-06-15T08:00:15","date_gmt":"2012-06-15T13:00:15","guid":{"rendered":"https:\/\/crazyeggblog.wpengine.com\/?p=4725"},"modified":"2018-02-20T13:10:55","modified_gmt":"2018-02-20T19:10:55","slug":"image-text-placeholders-web-design","status":"publish","type":"post","link":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/","title":{"rendered":"6 Image and Text Placeholders For Your Next Web Design Project"},"content":{"rendered":"<p>When starting any web design project one of the hardest, most time-consuming parts is choosing the right images to place on each page and obtaining content from your client. Using placeholder images and text can help you get started on that project quickly.<\/p>\n<p>Here are some resources I&#8217;ve used to generate copy and images for a development website.<\/p>\n<h2>Placeholder Images<\/h2>\n<h3><a title=\"Dummy Image Website\" href=\"https:\/\/dummyimage.com\/\">DummyImage<\/a><\/h3>\n<p>This is one of the simplest image placeholder generators around but it\u2019s also one of my favourites. You simply specify a width and height and an image format (PNG, GIF or JPG) and you are ready to go. You can also customize background and foreground colour as well as the text displayed.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/dummyimage.jpg\"><img decoding=\"async\" width=\"550\" height=\"557\" class=\"size-full wp-image-4727 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/dummyimage.jpg\" alt=\"dummy image\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/dummyimage.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/dummyimage-296x300.jpg 296w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>The image can be used in your HTML as an IMG tag like so:<\/p>\n<pre>&lt;img src=\"<a href=\"https:\/\/dummyimage.com\/600x400\/000\/00ffd5.png\">https:\/\/dummyimage.com\/600x400\/000\/00ffd5.png<\/a>\" alt=\"placeholder image\"\/&gt;<\/pre>\n<p>&nbsp;<\/p>\n<h3>Flickholdr<\/h3>\n<p>Flickholdr chooses an image from Flickr when given the width and length of the image you require. You can also specify an an optional tag and choose from black and White and colour images.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/flickholdr.jpg\"><img decoding=\"async\" width=\"550\" height=\"418\" class=\"size-full wp-image-4729 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/flickholdr.jpg\" alt=\"flickholdr\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/flickholdr.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/flickholdr-300x227.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>The image can be used in your HTML as an IMG tag like so:<\/p>\n<pre>&lt;img src=\"https:\/\/flickholdr.com\/640\/480\" alt=\"placeholder image\"\/&gt;<\/pre>\n<p>The same image is returned each time it is requested.<\/p>\n<p>If you would like a different image, specify an offset (in this case: 2):<\/p>\n<pre>&lt;img src=\"https:\/\/flickholdr.com\/640\/480\/2\" alt=\"placeholder image\"\/&gt;<\/pre>\n<h3><a title=\"Lorem Pixel Website\" href=\"https:\/\/lorempixel.com\/\">Lorem Pixel<\/a><\/h3>\n<p>Tired of using the same old placeholders?\u00a0Lorem Pixel provides you with random images given a width and a height. It also accepts a wide variety of categories such as sports, animals and food to name but a few. You can also place some text on the random image.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/lorempixel.jpg\"><img decoding=\"async\" width=\"550\" height=\"400\" class=\"size-full wp-image-4733 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/lorempixel.jpg\" alt=\"lorempixel\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/lorempixel.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/lorempixel-300x218.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>The image can be used in your HTML as an IMG tag like so:<\/p>\n<pre>&lt;img src=\"<a href=\"https:\/\/lorempixel.com\/640\/480\/sports\/This-is-sporty\/\">https:\/\/lorempixel.com\/640\/480\/sports<\/a>\" alt=\"placeholder image\"\/&gt;<\/pre>\n<p>If you would like some sample text on your image (This-is-sporty is used in this instance):<\/p>\n<pre>&lt;img src=\"<a href=\"https:\/\/lorempixel.com\/640\/480\/sports\/This-is-sporty\/\">https:\/\/lorempixel.com\/640\/480\/sports\/This-is-sporty\/<\/a>\" alt=\"placeholder image\"\/&gt;<\/pre>\n<p>Each request to lorempixel will return a completely random picture. This means that no two views of your webpage will look the same!<\/p>\n<h2>Place Holder Text<\/h2>\n<h3><a title=\"Lorem Ipsum Website\" href=\"https:\/\/generator.lorem-ipsum.info\/\">Lorem Ipsum<\/a><\/h3>\n<p>Lorem Ipsum generates random text by paragraphs, or word count and across multiple languages and character sets.<\/p>\n<p>In addition to Latin you have an option of various character sets from Chinese, Russian, Hindi and even Hebrew! You can also choose diacritical remarks in various languages such as French, Spanish and Swedish to name but a few.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/loremipsum.jpg\"><img decoding=\"async\" width=\"550\" height=\"346\" class=\"size-full wp-image-4732 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/loremipsum.jpg\" alt=\"loremipsum\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/loremipsum.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/loremipsum-300x188.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<h3><a href=\"https:\/\/wordpress.org\/extend\/plugins\/wp-lorem-ipsum-generator\/\" target=\"_blank\" rel=\"noopener\">WP Lorem Ipsum Generator<\/a><\/h3>\n<p>Working on WordPress?\u00a0 I&#8217;ve got a great plug-in for you.<\/p>\n<p>WP Lorem Ipsum adds a button to your WYSIWYG editor that allows you to add as much Lorem Ipsum text as your heart desires.<\/p>\n<p>This plug-in couldn&#8217;t be easier to use.<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/06\/wp-lorem-ipsum-generator.jpg\"><img decoding=\"async\" width=\"564\" height=\"382\" class=\"wp-image-5676 aligncenter\" title=\"wp-lorem-ipsum-generator\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/06\/wp-lorem-ipsum-generator.jpg\" alt=\"ipsum generator\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/06\/wp-lorem-ipsum-generator.jpg 564w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/06\/wp-lorem-ipsum-generator-300x203.jpg 300w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/06\/wp-lorem-ipsum-generator-200x134.jpg 200w\" sizes=\"(max-width: 564px) 100vw, 564px\" \/><\/a><\/p>\n<p>Hipster Ipsum<\/p>\n<p>Need some hipster lingo on your page? Look no further! Hipster Ipsum generates text containing hipster words such as \u201cGastropub\u201d, \u201cArtisan\u201d and \u201cNarwhal\u201d to name but a few. Simply specify the number of paragraphs you require and whether you need Latin mixed in with the text and you are ready to have some hipster text on your page!<\/p>\n<p><a href=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/Hipsteripsum.jpg\"><img decoding=\"async\" width=\"550\" height=\"549\" class=\"size-full wp-image-4730 aligncenter\" src=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/Hipsteripsum.jpg\" alt=\"Hipsteripsum\" srcset=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/Hipsteripsum.jpg 550w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/Hipsteripsum-150x150.jpg 150w, https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/04\/Hipsteripsum-300x300.jpg 300w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Having placeholder images and text, makes the web design process much easier. It also helps your clients visualize the data they need to provide so you can successfully complete their website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When starting any web design project one of the hardest, most time-consuming parts is choosing the right images to place on each page and obtaining&#8230;<\/p>\n","protected":false},"author":21,"featured_media":4934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9],"tags":[],"class_list":["post-4725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>6 Image and Text Placeholders For Your Next Web Design Project<\/title>\n<meta name=\"description\" content=\"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.\" \/>\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.crazyegg.com\/blog\/image-text-placeholders-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"6 Image and Text Placeholders For Your Next Web Design Project\" \/>\n<meta property=\"og:description\" content=\"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"The Daily Egg\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crazyegganalytics\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-06-15T13:00:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-02-20T19:10:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"690\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sanj Sahayam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:site\" content=\"@CrazyEgg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sanj Sahayam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/\"},\"author\":{\"name\":\"Sanj Sahayam\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/5b56e84a8648de8a2da5274ad02fe608\"},\"headline\":\"6 Image and Text Placeholders For Your Next Web Design Project\",\"datePublished\":\"2012-06-15T13:00:15+00:00\",\"dateModified\":\"2018-02-20T19:10:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/\"},\"wordCount\":515,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/05\\\/lorem-ipsum1.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/\",\"name\":\"6 Image and Text Placeholders For Your Next Web Design Project\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/05\\\/lorem-ipsum1.jpg\",\"datePublished\":\"2012-06-15T13:00:15+00:00\",\"dateModified\":\"2018-02-20T19:10:55+00:00\",\"description\":\"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/05\\\/lorem-ipsum1.jpg\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2012\\\/05\\\/lorem-ipsum1.jpg\",\"width\":\"690\",\"height\":\"600\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/image-text-placeholders-web-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design\",\"item\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"6 Image and Text Placeholders For Your Next Web Design Project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"name\":\"The Daily Egg\",\"description\":\"Conversion Rate Optimization Made Easy\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#organization\",\"name\":\"Crazy Egg\",\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"contentUrl\":\"https:\\\/\\\/ceblog.s3.amazonaws.com\\\/wp-content\\\/uploads\\\/2015\\\/06\\\/Crazy-Egg-logo-small.png\",\"width\":191,\"height\":100,\"caption\":\"Crazy Egg\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/crazyegganalytics\\\/\",\"https:\\\/\\\/x.com\\\/CrazyEgg\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/crazy-egg\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCJNe_xmPi07YezxaqfoRVqg\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/#\\\/schema\\\/person\\\/5b56e84a8648de8a2da5274ad02fe608\",\"name\":\"Sanj Sahayam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g\",\"caption\":\"Sanj Sahayam\"},\"description\":\"I am a co-founder of Unique Imprints, a web design company that focusses on getting small businesses on the web. When I'm not designing web pages you can find me learning programming languages or debating on usability.\",\"sameAs\":[\"https:\\\/\\\/www.uniqueimprints.com\"],\"url\":\"https:\\\/\\\/www.crazyegg.com\\\/blog\\\/author\\\/sanj-sahayam\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"6 Image and Text Placeholders For Your Next Web Design Project","description":"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.","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.crazyegg.com\/blog\/image-text-placeholders-web-design\/","og_locale":"en_US","og_type":"article","og_title":"6 Image and Text Placeholders For Your Next Web Design Project","og_description":"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.","og_url":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/","og_site_name":"The Daily Egg","article_publisher":"https:\/\/www.facebook.com\/crazyegganalytics\/","article_published_time":"2012-06-15T13:00:15+00:00","article_modified_time":"2018-02-20T19:10:55+00:00","og_image":[{"width":690,"height":600,"url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg","type":"image\/jpeg"}],"author":"Sanj Sahayam","twitter_card":"summary_large_image","twitter_creator":"@CrazyEgg","twitter_site":"@CrazyEgg","twitter_misc":{"Written by":"Sanj Sahayam","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#article","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/"},"author":{"name":"Sanj Sahayam","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/5b56e84a8648de8a2da5274ad02fe608"},"headline":"6 Image and Text Placeholders For Your Next Web Design Project","datePublished":"2012-06-15T13:00:15+00:00","dateModified":"2018-02-20T19:10:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/"},"wordCount":515,"commentCount":6,"publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg","articleSection":["Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/","url":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/","name":"6 Image and Text Placeholders For Your Next Web Design Project","isPartOf":{"@id":"https:\/\/www.crazyegg.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#primaryimage"},"thumbnailUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg","datePublished":"2012-06-15T13:00:15+00:00","dateModified":"2018-02-20T19:10:55+00:00","description":"Sanjiv Sahayam displays and critiques six image and text placeholders that can be used in your next web design.","breadcrumb":{"@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#primaryimage","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2012\/05\/lorem-ipsum1.jpg","width":"690","height":"600"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyegg.com\/blog\/image-text-placeholders-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.crazyegg.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design","item":"https:\/\/www.crazyegg.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"6 Image and Text Placeholders For Your Next Web Design Project"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyegg.com\/blog\/#website","url":"https:\/\/www.crazyegg.com\/blog\/","name":"The Daily Egg","description":"Conversion Rate Optimization Made Easy","publisher":{"@id":"https:\/\/www.crazyegg.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyegg.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyegg.com\/blog\/#organization","name":"Crazy Egg","url":"https:\/\/www.crazyegg.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","contentUrl":"https:\/\/ceblog.s3.amazonaws.com\/wp-content\/uploads\/2015\/06\/Crazy-Egg-logo-small.png","width":191,"height":100,"caption":"Crazy Egg"},"image":{"@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/crazyegganalytics\/","https:\/\/x.com\/CrazyEgg","https:\/\/www.linkedin.com\/company\/crazy-egg\/","https:\/\/www.youtube.com\/channel\/UCJNe_xmPi07YezxaqfoRVqg"]},{"@type":"Person","@id":"https:\/\/www.crazyegg.com\/blog\/#\/schema\/person\/5b56e84a8648de8a2da5274ad02fe608","name":"Sanj Sahayam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c18328a3966d856b9721e2ec2d0ed3df2df13a771151ad7e6df76ab55ac87238?s=96&d=mm&r=g","caption":"Sanj Sahayam"},"description":"I am a co-founder of Unique Imprints, a web design company that focusses on getting small businesses on the web. When I'm not designing web pages you can find me learning programming languages or debating on usability.","sameAs":["https:\/\/www.uniqueimprints.com"],"url":"https:\/\/www.crazyegg.com\/blog\/author\/sanj-sahayam\/"}]}},"modified_by":null,"_links":{"self":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/4725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/comments?post=4725"}],"version-history":[{"count":0,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/posts\/4725\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media\/4934"}],"wp:attachment":[{"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/media?parent=4725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/categories?post=4725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyegg.com\/blog\/wp-json\/wp\/v2\/tags?post=4725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}