{"article":{"id":360018625314,"url":"https://tapas.zendesk.com/api/v2/help_center/en-us/articles/360018625314.json","html_url":"https://help.tapas.io/hc/en-us/articles/360018625314-A-Quick-Guide-to-Thumbnailing","author_id":18572206848,"comments_disabled":true,"draft":false,"promoted":false,"position":0,"vote_sum":310,"vote_count":404,"section_id":360003303934,"created_at":"2019-02-21T22:10:58Z","updated_at":"2026-07-18T13:30:14Z","name":"A Quick Guide to Thumbnailing","title":"A Quick Guide to Thumbnailing","source_locale":"en-us","locale":"en-us","outdated":false,"outdated_locales":[],"edited_at":"2020-05-11T19:04:11Z","user_segment_id":null,"permission_group_id":113094,"content_tag_ids":[],"label_names":[],"body":"<p>Hi there! Welcome to Tapas' Quick Guide to Thumbnailing for <a href=\"#comics\">comics</a> and <a href=\"#novels\">novels</a>. Thumbnails are an important part of showcasing both comics and novels as it will give the reader a overall impression before even clicking! We've put together this quick guide to help understand what makes an eye-catching thumbnail to help spark some inspiration! If you already have a thumbnail, GREAT! You got this! But if you haven't created one yet, or just want to check out our tips, please feel free to keep on reading. <span style=\"font-weight: 400;\">Remember, you can always come back and change your thumbnail later!</span></p>\n<p> </p>\n<p> </p>\n<h2 id=\"comics\">Comics</h2>\n<p><strong>Sizing</strong></p>\n<p><span style=\"font-weight: 400;\">Tapas Thumbnails are set to be squares of 300px by 300px. So be sure the image you use fits within this format and is not stretched as this may lead to a loss of resolution.</span></p>\n<p><strong>Themes</strong></p>\n<p class=\"wysiwyg-text-align-left\"><span style=\"font-weight: 400;\">The main purpose of your thumbnail is to portray the theme of your story. Many creator do this by playing around with the composition of the image.<br></span></p>\n<p class=\"wysiwyg-text-align-left\"><span style=\"font-weight: 400;\">Composition is </span><span style=\"font-weight: 400;\">the placement of visual elements within the space and how they interact with each other. (subject, background, lighting, color, negative space, the works!)</span></p>\n<p class=\"wysiwyg-text-align-left\"><span style=\"font-weight: 400;\">It's common practice for creators to have their main character/characters be the main subject of the thumbnail. Along with specific coloring and/or lighting to give off a feel. For example, below are some thumbnails showing characters in dramatic lightning while looking to the camera. Which tells us that these stories will most likely be dramatic and rich with story!</span></p>\n<p class=\"wysiwyg-text-align-center\"><span style=\"font-weight: 400;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027501653\" alt=\"Color1.jpg\">  <img src=\"https://help.tapas.io/hc/article_attachments/360027501673\" alt=\"Color_2.jpg\"><br></span></p>\n<p class=\"wysiwyg-text-align-center\"><span style=\"font-weight: 400;\"><a href=\"https://tapas.io/series/Never-follow-the-wispfinch\" target=\"_blank\" rel=\"noopener\">Never Follow the Wispfinch!</a>               <a href=\"https://tapas.io/series/Facing-the-Sun\" target=\"_blank\" rel=\"noopener\">Facing the Sun</a>          <br></span></p>\n<p class=\"wysiwyg-text-align-center\"> </p>\n<p class=\"wysiwyg-text-align-center\"><span style=\"font-weight: 400;\">          </span></p>\n<p><strong>Placement of your Subject</strong></p>\n<p>Here we've collected some eye catching thumbnails that are great examples for ways to place your subject.</p>\n<ul>\n<li>Asymmetry is when your subject is off centered in any direction. Having darker or lighter backgrounds will help guide the eye to the subject.</li>\n<li>Centered is a classic way of showing your main character and is easy to achieve! Just put your chatacter in the middle of the frame!</li>\n<li>Circular Motion can be tricky to achieve, but here is a good example with Universe Jumper. With the characters positioned this way, you may feel your eyes being pulled in a circular fashion from one character, to the next, and back again.</li>\n</ul>\n<table style=\"height: 634px; width: 630px; margin-left: auto; margin-right: auto;\">\n<tbody>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 205px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360026665514\" alt=\"Asymmetrical.jpg\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 194px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027499293\" alt=\"CENTERED.jpg\" width=\"180\" height=\"534\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 189.033px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360026666674\" alt=\"Circular.jpg\"></td>\n</tr>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 205px;\"><a href=\"https://tapas.io/series/Dear-DnD-Diary\">Dear DnD Diary</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 194px;\"><a href=\"https://tapas.io/series/100story\">100</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 189.033px;\"><a href=\"https://tapas.io/series/Universe-Jumper\">Universe Jumper</a></td>\n</tr>\n</tbody>\n</table>\n<p>You can also work by cutting the frame into halves!</p>\n<ul>\n<li>For vertical split, you can see where the door(?) frame cuts the panel in half and the character is on the other side. With the slight angle of the door, it feels like the character is a little smaller, afraid and hiding. Giving me the impression that this series might be a little spooky!</li>\n<li>Next is a slant. Did you know that slanted lines catch the human eye faily quickly? Here's a good example of two characters created an imaginary slanted line!</li>\n<li>Similar to the Vertical split, the Horizontal Split cuts the frame in half and can be used a number of ways!</li>\n</ul>\n<table style=\"height: 50px; width: 630px;\">\n<tbody>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 214px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360026674254\" alt=\"Vertical.jpg\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 214px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027507113\" alt=\"SLANT.jpg\" width=\"180\" height=\"540\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 188.5px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027507133\" alt=\"Horizontal.jpg\"></td>\n</tr>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 214px;\"><a href=\"https://tapas.io/series/DICOTH\">Divine Command Theory</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 214px;\"><a href=\"https://tapas.io/series/Miles-of-Painted-Darkness\">Miles of Painted Darkness</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 188.5px;\"><a href=\"https://tapas.io/series/ITGuyARTGirl\">IT Guy &amp; ART Girl</a></td>\n</tr>\n</tbody>\n</table>\n<p> </p>\n<p><strong>Movement, Wording and Combining</strong></p>\n<p><span style=\"font-weight: 400;\">Wording: </span><span style=\"font-weight: 400;\">If you put words in your thumbnail, shorter words or acronyms are highly recommended compared to a full title which can be difficult to read in the app where thumbnails are smaller. </span></p>\n<p><span style=\"font-weight: 400;\">Movement: Motion in a thumbnail helps catch and navigate the eye across the image, a great example can be seen here with the motion of the rope and character.<br></span></p>\n<p><span style=\"font-weight: 400;\">These examples also illustrate ways you can combine different techniques to make a fun thumbnail!</span></p>\n<table style=\"height: 69px; width: 630px;\">\n<tbody>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 216px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360026678554\" alt=\"oCombo.jpg\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 216px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027510713\" alt=\"Combo2.jpg\" width=\"180\" height=\"540\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 180px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027606594\" alt=\"MOVEMENT.jpg\"></td>\n</tr>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 216px;\"><a href=\"https://tapas.io/series/WitchWars\" target=\"_blank\" rel=\"noopener\">Witch Wars</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 216px;\"><a href=\"https://tapas.io/series/RONAR\" target=\"_blank\" rel=\"noopener\">RONAR</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 188.167px;\"><a href=\"https://tapas.io/series/The-Flying-Ship\" target=\"_blank\" rel=\"noopener\">The Flying Ship</a></td>\n</tr>\n</tbody>\n</table>\n<p> </p>\n<p> </p>\n<h2 id=\"novels\"><strong>Novels</strong></h2>\n<p>For novels, thumbnailing can be difficult if you do not draw yourself. However you still have a few options! You can either:</p>\n<ul>\n<li>Reach out to the artist community on Tapas and commission a thumbnail.</li>\n<li>Use your own, or royalty free, images to play with.</li>\n<li>Or use <a href=\"https://www.canva.com/\" target=\"_blank\" rel=\"noopener\">Canva</a>! A website dedicated to helping you create graphics for free!</li>\n</ul>\n<p> </p>\n<p>There are two common techniques for novel thumbnails as seen below.</p>\n<h3><strong>Typography</strong></h3>\n<p><span style=\"font-weight: 400;\">As seen in these examples, you can play around with font and superimpose them over your photo in many fun ways!</span></p>\n<table style=\"height: 25px;\" width=\"630\">\n<tbody>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027609174\" alt=\"Novel4.png\" width=\"300\" height=\"300\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027609154\" alt=\"Novel3.png\" width=\"300\" height=\"300\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027609134\" alt=\"Novel2.png\" width=\"300\" height=\"300\"></td>\n</tr>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><a href=\"https://tapas.io/series/Siena\" target=\"_blank\" rel=\"noopener\">Siena</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><a href=\"https://tapas.io/series/bakingwithboys\" target=\"_blank\" rel=\"noopener\">Baking with Boys</a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 300px;\"><a href=\"https://tapas.io/series/Fire-and-Ice\" target=\"_blank\" rel=\"noopener\">Fire &amp; Ice</a></td>\n</tr>\n</tbody>\n</table>\n<h3><strong>Character Art</strong></h3>\n<p>Many novelists will also hire freelance artists or comic creators to create a thumbnail for them featuring their character. Here are their examples!</p>\n<table style=\"height: 43px;\" width=\"630\">\n<tbody>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360027609974\" alt=\"Novel8.png\" width=\"300\" height=\"300\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360028439653\" alt=\"Novel7.png\" width=\"300\" height=\"300\"></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><img src=\"https://help.tapas.io/hc/article_attachments/360028439633\" alt=\"Novel6.png\" width=\"300\" height=\"300\"></td>\n</tr>\n<tr>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><a href=\"https://tapas.io/series/thegodofpainsgroom\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">The God of Pain’s Groom</span></a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><a href=\"https://tapas.io/series/I-Love-You-Goodbye\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">I Love You; Goodbye</span></a></td>\n<td class=\"wysiwyg-text-align-center\" style=\"width: 206.667px;\"><a href=\"https://tapas.io/series/Coming-Up-Roses\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Coming Up Roses</span></a></td>\n</tr>\n</tbody>\n</table>\n<p><strong><span class=\"wysiwyg-font-size-large wysiwyg-color-black\"><br>Thumbnail Content</span></strong></p>\n<p class=\"wysiwyg-text-align-left\">Tapas, as a whole, is a community of individuals from all ages and cultural backgrounds. Although we believe creators should have the freedom of artistic expression we must also acknowledge our reader's experience on the platform. Exposure to mature themes, stories or artwork should be an opt-in experience for readers -- similar to the mature filter readers must opt-in with in order to view mature material. <br><br><strong>Thus, Thumbnail and Book Cover images must follow our <a href=\"https://help.tapas.io/hc/en-us/articles/115005545248-Terms-of-Service\" target=\"_self\">Terms of Service</a> and <a href=\"https://help.tapas.io/hc/en-us/articles/115005323707-Content-and-Community-Guidelines\" target=\"_self\">Content Community Guidelines</a>.  </strong>If any Book Cover or Thumbnail breaks our TOS or Content Community Guidelines, the series will be temporary interstitial until the images are altered.</p>"}}