← Back to Cover Preview

WebNovel cover size guide

Everything you need to export a WebNovel cover that looks sharp everywhere readers will see it — homepage grids, search results, bestseller ranking rows, and the mobile app.

The short answer

WebNovel displays every cover at a 3 : 4 aspect ratio. Upload your art at 1200 × 1600 px or larger (the absolute minimum is around600 × 800 px) as JPG, PNG, or WebP, and design so the title stays readable when the whole thing is squeezed into a 40-pixel-tall ranking row.

Every placement, at a glance

PlacementTypical display sizeWhat to check
Source upload3 : 4 ratio · min 600 × 800 px · 1200 × 1600 px recommendedSharpness headroom for every smaller placement
Website homepage & popular grids≈ 256 px wide tilesTitle readable at a glance
Search results & library lists≈ 72 px tall thumbnailsArt stays recognizable, colors stay distinct
Bestseller ranking rows≈ 40 px tallSilhouette and palette still stand out
Mobile app details pageFull-width card at ~3 : 4Key art survives overlays and gradients

Why the ratio matters

If your file is wider or taller than 3 : 4, WebNovel crops or pads it to fit — and you do not get to choose what survives. A 1 : 1 square loses its sides; a tall 2 : 3 poster loses its top. Export at exactly 3 : 4 and what you design is what readers see.

Export settings that survive compression

  • JPG at 85–90% quality for painted or photographic art — the best size-to-sharpness trade-off after platform compression.
  • PNG for flat colors, crisp typography, or heavy gradients banding in JPG.
  • sRGB color profile — wide-gamut profiles shift colors on most phones.
  • Keep the final file under 10 MB; there is no benefit to more.
  • Avoid re-saving an already-compressed JPG repeatedly — artifacts compound.

Designing for the smallest thumbnail

Most readers first meet your novel in a list of forty covers, each about 40 pixels tall. The covers that get clicked are the ones that still work there:

  • One clear focal subject — faces and single objects beat busy scenes.
  • High contrast between the title and the art behind it.
  • A title large enough that it reads at thumbnail size — if you must squint at full resolution, it is too small.
  • No thin lines or fine detail — they vanish on downscale.
  • A distinct color palette so your cover stands apart in a ranked list.

Already have a cover? See how it survives every placement — free, in your browser.

Preview your cover now