Ye, your pages are there, all nice and ready. But are they optimized for the web?
Preparing and Optimizing Comic Pages
Recommended Starting Format:
– Work in high resolution (300 dpi minimum)
– Width: 3000-4000px (you’ll reduce it later)
– Format: PSD, TIFF or PNG during creation
Web Optimization Steps:
1. Resizing
– Open your image in Photoshop, GIMP or an online editor
– Reduce to 1000px width while keeping proportions
– For web, 72 dpi is plenty
2. Format Choice
– JPG: ideal for color pages or images with lots of detail
— > Quality 80-85% = good quality/size compromise
– PNG: better for black and white with few gray tones
— > Heavier but better rendering of crisp lines
3. Compression
If your file exceeds 2 MB after export:
– Slightly lower the JPG quality (test 75%, then 70%)
– Use online tools like TinyPNG or Squoosh.app
– In Photoshop: "Save for web" gives you a preview of the file size
Tip: For B&W with solid fills, try PNG-8 which can be very light. For rich color, JPG quality 80% is your best friend.
Procreate-Specific Workflow
Export from Procreate:
# Wrench icon (Actions) → Share → PNG or JPG
# For JPG, choose the quality in settings (start at 85%)
# Export at full resolution first
Post-Procreate Resizing:
– Option A: Use an iOS app like "Image Size" (free)
— Load your export
— Set width to 1000px
— Save
– Option B: Transfer to computer and use:
— Photoshop Express (free)
— GIMP (free)
— Or an online tool like Squoosh.app
Procreate Tip: If you export directly as JPG from Procreate at 1000px wide (by creating a resized copy of the canvas before export), you can adjust the export quality directly in the app and check the file size before sharing.