Course Content
MODULE 8: Getting Additional Support
0/1
Tweak It Yourself (TIY)

Once you’re done editing your photos, it’s important to export them in a way that keeps your website fast and responsive. In this lesson, we’ll walk through how to export your images from Photopea in a lightweight format optimized for the web.


📥 Why This Matters

When images are too large in file size, they slow down your website, leading to:

  • A bad user experience

  • Lower SEO rankings

  • Increased bounce rates (especially on mobile)

So it’s essential to export correctly!


🪄 Step-by-Step: Exporting Your Image for the Web

🔹 1. Go to File → Export As…

Once your editing is done:

  • Click File

  • Hover over Export As

You’ll see a few file format options depending on your image type.


🔹 2. Choose the Right File Format

Here’s what to choose:

Image Type File Format
Logo with transparent background PNG
Normal photo / background / team image JPEG

For most photos on your website (hero images, team images, blog photos), JPEG is the best choice because it balances quality and file size.


🔹 3. Set the Quality to 80%

In the export settings:

  • Change Quality to 80%

    • You can do this by typing in “80” or sliding the quality bar

    • This keeps the image looking good but greatly reduces file size

You’ll also see a preview of your final image size.


🔹 4. Click “Save”

  • Choose where to save the image on your computer

  • Your browser will download the compressed image


📏 Example:

Let’s say your original image was 2.4 MB.
After exporting at 80% quality, it might reduce to 123 KB — a huge difference in loading speed without much visual loss.


✅ Recap

Action Purpose
Export as JPEG or PNG Based on image type
Set quality to 80% Keep it sharp, but reduce size
Save and upload Use this version on your website

⚡ Bonus Tip:

For even faster loading, consider running your images through TinyPNG.com or ImageOptim for additional compression.

Scroll to Top