{"id":384,"date":"2026-10-31T20:30:06","date_gmt":"2026-10-31T20:30:06","guid":{"rendered":"https:\/\/artsflick.com\/blog\/?p=384"},"modified":"2026-10-31T20:30:07","modified_gmt":"2026-10-31T20:30:07","slug":"make-text-readable-on-a-photo","status":"publish","type":"post","link":"https:\/\/artsflick.com\/blog\/make-text-readable-on-a-photo\/","title":{"rendered":"How to Make Text Readable on a Photo (Any Background)"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero.webp\" alt=\"Designer adjusting a headline to make text readable on a photo of a bright beach scene\" class=\"wp-image-386\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero.webp 1672w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero-300x169.webp 300w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero-768x432.webp 768w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero-1024x576.webp 1024w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/make-text-readable-on-a-photo-hero-1536x864.webp 1536w\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" \/><\/figure>\n\n\n<style>.kb-row-layout-id384_988222-c1 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id384_988222-c1 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id384_988222-c1 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:1140px;margin-left:auto;margin-right:auto;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}.kb-row-layout-id384_988222-c1 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id384_988222-c1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr) minmax(0, 2fr);}}@media all and (max-width: 767px){.kb-row-layout-id384_988222-c1 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id384_988222-c1 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-right-golden kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top\">\n<style>#wrapper.site{overflow:clip;}.kadence-column384_ad2348-ea > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column384_ad2348-ea > .kt-inside-inner-col{flex-direction:column;}.kadence-column384_ad2348-ea > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column384_ad2348-ea > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column384_ad2348-ea{position:relative;}@media all and (max-width: 1024px){.kadence-column384_ad2348-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column384_ad2348-ea > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column384_ad2348-ea kb-section-is-sticky\"><div class=\"kt-inside-inner-col\"><style>.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-contents-title-wrap{color:#000000;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-contents-title{color:#000000;letter-spacing:1px;font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap .kb-table-of-content-list{color:#5b6472;font-size:15px;font-weight:regular;font-style:normal;margin-top:0px;margin-left:-2px;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover{color:#1f2430;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap .kb-table-of-content-list .active > .kb-table-of-contents__entry{color:#3b6cf6;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-list li{margin-bottom:16px;}.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-list li .kb-table-of-contents-list-sub{margin-top:16px;}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap{border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id384_498ee8-c5 .kb-table-of-content-wrap{border-top:0px solid #000000;border-right:0px solid #000000;border-bottom:0px solid #000000;border-left:0px solid #000000;}}<\/style><\/div><\/div>\n\n\n<style>.kadence-column384_ef1524-3c > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column384_ef1524-3c > .kt-inside-inner-col{flex-direction:column;}.kadence-column384_ef1524-3c > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column384_ef1524-3c > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column384_ef1524-3c{position:relative;}@media all and (max-width: 1024px){.kadence-column384_ef1524-3c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column384_ef1524-3c > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column384_ef1524-3c\"><div class=\"kt-inside-inner-col\">\n<p class=\"wp-block-paragraph\">You can make text readable on a photo in under a minute, as long as you know which problem you&#8217;re fixing. And it&#8217;s rarely the font. It&#8217;s white letters over a pale sky, a headline parked on the busiest part of the picture, or a caption that looked fine on a laptop and turned into specks on a phone.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Below are the seven fixes I reach for, in the order I try them. You&#8217;ll also get two things most guides skip: the contrast numbers that tell you when a fix is actually needed, and the simple math for how big text must be to survive a phone screen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why text disappears on photos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Readability comes down to contrast: how different the brightness of the letters is from the brightness right behind them. The web accessibility standard, <a href=\"https:\/\/www.w3.org\/WAI\/WCAG22\/Understanding\/contrast-minimum.html\" target=\"_blank\" rel=\"noopener\">WCAG&#8217;s contrast guideline from the W3C<\/a>, puts numbers on it. Normal text needs a contrast ratio of at least 4.5:1. Large text (roughly 24px, or about 18.5px if bold) needs 3:1. The scale runs from 1:1, which is invisible, to 21:1, which is black on white.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now put that against a real photo. White text on a pale sky blue scores about 1.7:1. Black text on the same sky scores about 12:1. Same photo, same spot, completely different result.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The harder case is the middle. On a mid grey like concrete or an overcast street, white text reaches about 4.5:1 and black reaches about 4.6:1. Whichever you pick, you barely scrape past the line. That&#8217;s the mid-tone trap, and it&#8217;s why changing the colour sometimes does nothing. On mid-tones you need to change the background behind the letters, not the letters.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There&#8217;s a second problem the numbers don&#8217;t show: texture. Contrast is measured against a flat colour, but leaves, crowds and gravel break up the edges of each letter. Text can have decent average contrast and still be hard to read over a busy area.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7 fixes, from lightest touch to heaviest<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Start at the top and stop at the first fix that works. Stacking all of them at once (outline, shadow and a box) makes text look heavy and amateur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Move the text to a quiet area<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before touching any setting, look for copy space: sky, a plain wall, an out-of-focus background, a tabletop. Text placed there often needs nothing else. If the photo has no calm area, try cropping wider or shifting the subject to one side so a calm area appears. If you shoot your own photos, leave that space on purpose.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Flip the colour to match the area<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Light text on dark areas, dark text on light ones. Instead of pure black or white, try a colour from the photo itself: a deep navy taken from the shadows or a warm cream from the highlights looks more designed and usually keeps enough contrast. This fix only works when the area behind the text is mostly one brightness.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Add a thin outline<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">An outline gives every letter its own edge, so the background matters much less. The W3C guideline even notes that a narrow border around a letter counts as part of the letter when you measure contrast. White text with a thin dark outline reads on light and dark areas alike.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep it thin: about a fifteenth to a twentieth of the text size, so 3 to 4px on 60px text. Go much thicker and you get the classic meme look, which is great for memes and odd everywhere else.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Add a soft shadow<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A soft shadow darkens just the area around each letter without drawing an obvious line. As a starting point, use a dark colour, a blur of 6 to 12px and a small offset of 2 or 3px downward. A soft shadow beats a hard one; a hard, offset shadow makes letters look doubled. Shadows help most on mid-tones and do little on very bright, busy areas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Darken the photo behind the text<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When the background is busy, calm it down. Either lower the brightness of the whole photo slightly, or place a dark rectangle at 30 to 50% opacity over the area where the text sits. Designers call this a scrim. In practice, covering only the third of the image that holds the text keeps the rest of the photo bright and natural.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"384\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared-1024x384.webp\" alt=\"The same headline on a beach photo shown with no fix, outline, soft shadow, scrim and solid box\" class=\"wp-image-388\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared-1024x384.webp 1024w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared-300x113.webp 300w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared-768x288.webp 768w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared-1536x576.webp 1536w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/text-readability-fixes-compared.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. Put the text on a solid box<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The most reliable fix and the least subtle. Once text sits on a solid shape, the photo no longer matters: contrast is between the text and the box, and you can easily hit 7:1 or more. Use it for anything people must read exactly, like a date, a price, a phone number or a web address.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">7. Go bigger and bolder<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Large text only needs 3:1 contrast instead of 4.5:1, so size alone can rescue a borderline photo. Weight matters too. The W3C notes that thin fonts can render fainter than their colour suggests, because the edges of each letter get smoothed into the background. A bold weight keeps more solid colour in every stroke.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Which fix to try first for each background<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you don&#8217;t want to work through the list, match the background to its usual best fix:<\/p>\n\n\n<style>.kb-table-container384_6ed25c-d1{overflow-x:auto;}.kb-table-container .kb-table384_6ed25c-d1 th{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:center;}.kb-table-container .kb-table384_6ed25c-d1 caption{text-align:center;}.kb-table-container .kb-table384_6ed25c-d1 td{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:left;}<\/style><div class=\"kb-table-container kb-table-container384_6ed25c-d1 wp-block-kadence-table\"><table class=\"kb-table kb-table384_6ed25c-d1\">\n<tr class=\"kb-table-row kb-table-row384_aee5b6-0d\">\n<td  class=\"kb-table-data kb-table-data384_2e4596-d3\">\n\n<p class=\"wp-block-paragraph\"><strong>What&#8217;s behind the text<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_95da25-c8\">\n\n<p class=\"wp-block-paragraph\"><strong>Try first<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_6a4708-cd\">\n\n<p class=\"wp-block-paragraph\"><strong>The contrast is already there<\/strong><\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_03006f-93\">\n<td  class=\"kb-table-data kb-table-data384_8f8ef1-d8\">\n\n<p class=\"wp-block-paragraph\">Clear sky, plain wall, studio backdrop<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_c1c220-91\">\n\n<p class=\"wp-block-paragraph\">Flip the colour<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_513dcd-70\">\n\n<p class=\"wp-block-paragraph\">The contrast is already there<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_72a18b-64\">\n<td  class=\"kb-table-data kb-table-data384_14116c-9f\">\n\n<p class=\"wp-block-paragraph\">Mid-tone grey: concrete, overcast street<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_eda2a2-bb\">\n\n<p class=\"wp-block-paragraph\">Outline or soft shadow<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_9e68e7-40\">\n\n<p class=\"wp-block-paragraph\">Neither black nor white passes comfortably<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_237495-cb\">\n<td  class=\"kb-table-data kb-table-data384_3395e7-46\">\n\n<p class=\"wp-block-paragraph\">Busy texture: leaves, crowd, gravel<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_b223e9-3f\">\n\n<p class=\"wp-block-paragraph\">Darken behind the text<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_f3efc0-f3\">\n\n<p class=\"wp-block-paragraph\">Calms the texture, not just the colour<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_ccfb80-78\">\n<td  class=\"kb-table-data kb-table-data384_d565dd-96\">\n\n<p class=\"wp-block-paragraph\">Light and dark under the same line<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_4efad9-c0\">\n\n<p class=\"wp-block-paragraph\">Solid box<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_4242fd-66\">\n\n<p class=\"wp-block-paragraph\">The only fix that works on both<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_d451b3-29\">\n<td  class=\"kb-table-data kb-table-data384_f8c97e-78\">\n\n<p class=\"wp-block-paragraph\">Small print: dates, prices, URLs<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_93a612-b3\">\n\n<p class=\"wp-block-paragraph\">Solid box plus bold<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_7bad9d-26\">\n\n<p class=\"wp-block-paragraph\">Small text needs the full 4.5:1<\/p>\n\n<\/td>\n<\/tr>\n<\/table><\/div>\n\n\n<h2 class=\"wp-block-heading\">How big text needs to be on a phone<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Most text is designed on a big screen and read on a small one. According to <a href=\"https:\/\/gs.statcounter.com\/screen-resolution-stats\/mobile\/worldwide\" target=\"_blank\" rel=\"noopener\">Statcounter&#8217;s mobile screen data<\/a>, the most common phone screens in August 2026 were 414, 360 and 390 points wide. So a 1080px Instagram post shown across a 360-point screen shrinks to a third of its size. A 30px caption on your canvas ends up about 10px tall on the phone, which is smaller than the fine print in most apps.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s the rule I use: canvas size = the size you want on screen \u00d7 canvas width \u00f7 360. Aim for 16 on screen for captions (the default text size in browsers) and 24 for headlines (the point where text counts as large).<\/p>\n\n\n<style>.kb-table-container384_cf7c03-14{overflow-x:auto;}.kb-table-container .kb-table384_cf7c03-14 th{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:center;}.kb-table-container .kb-table384_cf7c03-14 caption{text-align:center;}.kb-table-container .kb-table384_cf7c03-14 td{padding-top:var(--global-kb-spacing-xxs, 0.5rem);padding-right:var(--global-kb-spacing-xxs, 0.5rem);padding-bottom:var(--global-kb-spacing-xxs, 0.5rem);padding-left:var(--global-kb-spacing-xxs, 0.5rem);text-align:left;}<\/style><div class=\"kb-table-container kb-table-container384_cf7c03-14 wp-block-kadence-table\"><table class=\"kb-table kb-table384_cf7c03-14\">\n<tr class=\"kb-table-row kb-table-row384_1776a6-a9\">\n<td  class=\"kb-table-data kb-table-data384_eae625-68\">\n\n<p class=\"wp-block-paragraph\"><strong>Canvas width<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_b2ad08-20\">\n\n<p class=\"wp-block-paragraph\"><strong>Example<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_eef611-58\">\n\n<p class=\"wp-block-paragraph\"><strong>Minimum caption size<\/strong><\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_f516a6-1e\">\n\n<p class=\"wp-block-paragraph\"><strong>Minimum headline size<\/strong><\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_2d2773-3d\">\n<td  class=\"kb-table-data kb-table-data384_ebdb8e-c2\">\n\n<p class=\"wp-block-paragraph\">1080px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_0c5d01-27\">\n\n<p class=\"wp-block-paragraph\">Instagram post or story<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_12620e-92\">\n\n<p class=\"wp-block-paragraph\">48px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_28f827-52\">\n\n<p class=\"wp-block-paragraph\">72px<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_edebb5-8c\">\n<td  class=\"kb-table-data kb-table-data384_b3d649-e4\">\n\n<p class=\"wp-block-paragraph\">1200px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_c33956-01\">\n\n<p class=\"wp-block-paragraph\">Link preview or blog image<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_35973b-40\">\n\n<p class=\"wp-block-paragraph\">54px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_5a1157-1a\">\n\n<p class=\"wp-block-paragraph\">80px<\/p>\n\n<\/td>\n<\/tr>\n\n<tr class=\"kb-table-row kb-table-row384_90005e-77\">\n<td  class=\"kb-table-data kb-table-data384_e5b515-63\">\n\n<p class=\"wp-block-paragraph\">1920px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_6249fb-1e\">\n\n<p class=\"wp-block-paragraph\">16:9 banner or slide seen on a phone<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_be75e1-c4\">\n\n<p class=\"wp-block-paragraph\">86px<\/p>\n\n<\/td>\n\n<td  class=\"kb-table-data kb-table-data384_526da8-fd\">\n\n<p class=\"wp-block-paragraph\">128px<\/p>\n\n<\/td>\n<\/tr>\n<\/table><\/div>\n\n\n<p class=\"wp-block-paragraph\">Treat these as minimums, not targets. Lowercase letters are shorter than the font size suggests, and people scroll fast. If you&#8217;re working on a specific format, our guide to <a href=\"https:\/\/artsflick.com\/blog\/best-instagram-post-sizes-in-2026\/\">Instagram post sizes<\/a> lists the exact canvas for each one, and the <a href=\"https:\/\/artsflick.com\/blog\/how-to-make-a-youtube-thumbnail\/\">YouTube thumbnail guide<\/a> covers text that has to work at tiny sizes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fonts that hold up on busy backgrounds<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For anything smaller than a headline, use a bold or semi-bold sans serif. Simple shapes and even strokes survive texture and compression better than anything decorative.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Script and handwriting fonts are lovely at large sizes on a calm area, and close to unreadable at caption size over a busy one. Hairline weights fail for the same reason thin strokes do: there&#8217;s not enough solid colour in each letter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">All caps work for short phrases of three or four words, especially with a little extra letter spacing. Beyond that, lowercase reads faster. And keep to two fonts at most: one expressive font for the headline and one plain font for everything else.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The 20% text rule is gone, but less text still wins<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Facebook used to limit ads with more than 20% text in the image. In September 2020 it told advertisers it would <a href=\"https:\/\/www.socialmediatoday.com\/news\/facebooks-removing-its-restrictions-on-text-content-in-facebook-ad-images\/585705\/\" target=\"_blank\" rel=\"noopener\">no longer penalize ads with more image text<\/a>, though it still says images with less text tend to perform better. Plenty of guides still repeat the old rule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The practical version: one headline and one supporting line on the image, and the details in the caption. It helps accessibility too, since screen readers can&#8217;t read words baked into a picture. Repeat the key message in the alt text or the caption, as our <a href=\"https:\/\/artsflick.com\/blog\/image-seo\/\">image SEO guide<\/a> explains.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to make text readable on a photo in ArtsFlick<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Every fix above works in the free browser editor, with no account and no watermark on the download:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the <a href=\"https:\/\/artsflick.com\/photo-editor\">ArtsFlick photo editor<\/a> and upload your photo.<\/li>\n\n\n\n<li>If you want a scrim, add it first: open Shapes, add a rectangle, choose a dark fill and lower the transparency slider until the photo shows through. Adding it before the text keeps the text on top.<\/li>\n\n\n\n<li>Click Text in the left menu, choose Add a text box and type your words.<\/li>\n\n\n\n<li>Drag the text onto the quiet area and size it using the table above.<\/li>\n\n\n\n<li>Pick the colour in the toolbar. Then open Effects and choose Outline for an edge, Drop for an offset shadow or Background for a solid box. The toolbar shadow settings let you adjust colour, blur and the X and Y offset.<\/li>\n\n\n\n<li>Download as PNG for small, sharp text, or JPEG for a smaller file.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"738\" height=\"436\" src=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/artsflick-text-effects-outline.webp\" alt=\"ArtsFlick text Effects panel with the Outline effect applied to a headline on a photo\" class=\"wp-image-389\" srcset=\"https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/artsflick-text-effects-outline.webp 738w, https:\/\/artsflick.com\/blog\/wp-content\/uploads\/2026\/10\/artsflick-text-effects-outline-300x177.webp 300w\" sizes=\"auto, (max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<style data-wp-block-html=\"css\">\n.cta-box {\n    background: linear-gradient(135deg, #3b6cf6, #6a4cf0);\n    color: #fff;\n    border-radius: 18px;\n    padding: 28px;\n    margin: 34px 0;\n    text-align: center;\n}\n\n.cta-box a {\n    background: #fff;\n    color: #3b6cf6;\n    font-weight: 700;\n    padding: 12px 22px;\n    border-radius: 999px;\n    display: inline-block;\n}\n\na:-webkit-any-link\nSpecificity: (0,1,1)\n {\n    cursor: pointer;\n}\n\na {\n    color: #3b6cf6;\n    text-decoration: none;\n}\n\n.cta-box h3 {\n    margin: 0 0 8px;\n    color: #fff;\n    font-size: 22px;\n}\n\nbody {\n    margin: 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    background: #ffffff;\n    line-height: 1.7;\n    font-size: 18px;\n}\n<\/style>\n\n<div class=\"cta-box\">\n        <h3>Put readable text on your photo\n<\/h3>\n        <p>Outline, shadow and background effects, 100+ fonts, free PNG or JPEG download.\n<\/p>\n        <a href=\"https:\/\/artsflick.com\/features\/text\">Try the text tool<\/a>\n      <\/div>\n\n\n\n<h2 class=\"wp-block-heading\">A 30-second check before you export<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you download, run three quick tests. They catch almost everything.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Zoom out.<\/strong> Shrink the canvas to about a third of its size. That&#8217;s roughly how big it appears in a phone feed. If you have to lean in to read the text, it&#8217;s too small or too faint.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Remove the colour.<\/strong> Download a test copy, open it on your phone and apply the black and white (mono) filter in your phone&#8217;s photo app. Contrast depends on brightness, not hue, so red text on a green field can look bold in colour and vanish in grey. If the text disappears here, it will be hard to read for many people.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Look at it on a phone.<\/strong> Send the image to your phone and view it at normal size, at arm&#8217;s length. It takes ten seconds, and it&#8217;s the test that matters most, because that&#8217;s where most people will see it.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n<style>.kt-accordion-id384_51042c-9a .kt-accordion-inner-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:10px;}.kt-accordion-id384_51042c-9a .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;background:#ffffff;padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;background:#f2f2f2;font-size:17px;color:#1f2430;padding-top:14px;padding-right:15px;padding-bottom:14px;padding-left:15px;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id384_51042c-9a .kt-accordion-panel-inner, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h1, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h2, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h3, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h4, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h5, .kt-accordion-id384_51042c-9a .kt-accordion-panel-inner h6{color:#3a4150;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-icon-trigger:before{background:#f2f2f2;}.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a .kt-blocks-accordion-header:focus-visible{color:#1f2430;background:#eeeeee;border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion--visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle ) .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger, body:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before, body:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:after, body:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible .kt-blocks-accordion-icon-trigger:before{background:#eeeeee;}.kt-accordion-id384_51042c-9a .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{color:#1f2430;background:#f2f2f2;border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basiccircle ):not( .kt-accodion-icon-style-xclosecircle ):not( .kt-accodion-icon-style-arrowcircle )  > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#1f2430;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{background:#1f2430;}.kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after, .kt-accordion-id384_51042c-9a:not( .kt-accodion-icon-style-basic ):not( .kt-accodion-icon-style-xclose ):not( .kt-accodion-icon-style-arrow ) .kt-blocks-accordion-header.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background:#f2f2f2;}@media all and (max-width: 1024px){.kt-accordion-id384_51042c-9a .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}}@media all and (max-width: 1024px){.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;}}@media all and (max-width: 1024px){.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a .kt-blocks-accordion-header:focus-visible{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}@media all and (max-width: 1024px){.kt-accordion-id384_51042c-9a .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}@media all and (max-width: 767px){.kt-accordion-id384_51042c-9a .kt-accordion-inner-wrap{display:block;}.kt-accordion-id384_51042c-9a .kt-accordion-inner-wrap .kt-accordion-pane:not(:first-child){margin-top:10px;}.kt-accordion-id384_51042c-9a .kt-accordion-panel-inner{border-top:0px solid transparent;border-right:0px solid transparent;border-bottom:0px solid transparent;border-left:0px solid transparent;}.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header{border-top:1px solid #e7eaf0;border-right:1px solid #e7eaf0;border-bottom:1px solid #e7eaf0;border-left:1px solid #e7eaf0;}.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header:hover, \n\t\t\t\tbody:not(.hide-focus-outline) .kt-accordion-id384_51042c-9a .kt-blocks-accordion-header:focus-visible{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}.kt-accordion-id384_51042c-9a .kt-accordion-header-wrap .kt-blocks-accordion-header:focus-visible,\n\t\t\t\t.kt-accordion-id384_51042c-9a > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active{border-top:1px solid #878787;border-right:1px solid #878787;border-bottom:1px solid #878787;border-left:1px solid #878787;}}<\/style>\n<div class=\"wp-block-kadence-accordion alignnone\"><div class=\"kt-accordion-wrap kt-accordion-id384_51042c-9a kt-accordion-has-10-panes kt-active-pane-0 kt-accordion-block kt-pane-header-alignment-left kt-accodion-icon-style-basic kt-accodion-icon-side-right\" style=\"max-width:none\"><div class=\"kt-accordion-inner-wrap\" data-allow-multiple-open=\"true\" data-start-open=\"none\">\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-1 kt-pane384_dc90d2-02\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">What color text is easiest to read on a photo?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Whichever has the most brightness difference from the area behind it. On dark or busy photos that&#8217;s usually white with a thin dark outline or soft shadow. On bright areas like sky or snow, near-black or a deep colour taken from the photo reads best. Hue matters far less than brightness.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-2 kt-pane384_dba809-c4\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">Is white or black text better on pictures?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">Neither wins everywhere. White suits darker and busier photos; black suits bright, plain areas. On mid-tones like concrete or an overcast sky, both reach only about 4.5:1 contrast, so add an outline, a shadow or a darkened area behind the text instead of switching colours.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-3 kt-pane384_610abb-2c\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">How big should text be on an Instagram post?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">On a 1080px-wide post, keep captions at 48px or larger and headlines at 72px or larger. The post shrinks to about a third of its size on a typical phone, so smaller text ends up tiny. Always check the result on your own phone before posting.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-4 kt-pane384_8908c2-45\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">Does Facebook still have the 20% text rule?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">No. Facebook stopped penalizing ads with more image text in September 2020 and retired its text overlay checker. It still says images with less text tend to perform better, so one headline and one short line is a good habit rather than a rule.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-kadence-pane kt-accordion-pane kt-accordion-pane-9 kt-pane384_fdbc2f-e4\"><div class=\"kt-accordion-header-wrap\"><button class=\"kt-blocks-accordion-header kt-acccordion-button-label-show\" type=\"button\"><span class=\"kt-blocks-accordion-title-wrap\"><span class=\"kt-blocks-accordion-title\">What font is easiest to read on images?<\/span><\/span><span class=\"kt-blocks-accordion-icon-trigger\"><\/span><\/button><\/div><div class=\"kt-accordion-panel kt-accordion-panel-hidden\"><div class=\"kt-accordion-panel-inner\">\n<p class=\"wp-block-paragraph\">A bold or semi-bold sans serif. Its even, solid strokes survive busy backgrounds, compression and small sizes. Save script, handwriting and thin fonts for large headlines over calm areas, and use no more than two fonts in one image.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>White text on a pale sky scores 1.7:1 contrast. Seven fixes from lightest to heaviest, plus the exact text sizes that survive a phone screen.<\/p>\n","protected":false},"author":1,"featured_media":385,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":2,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/384\/revisions"}],"predecessor-version":[{"id":390,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/posts\/384\/revisions\/390"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/media\/385"}],"wp:attachment":[{"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/categories?post=384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artsflick.com\/blog\/wp-json\/wp\/v2\/tags?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}