Page load speed directly dictates your conversion rate. Uploading massive original photos directly from your phone is a mistake that slows down your entire sales funnel. With the 4 streamlined steps below, your website will load instantly and automatically attract traffic from Google.

🔖 Best for: The asset preparation phase before designing your website layouts.

File size warning: Never upload images larger than 200KB or .png files (except for logos needing a transparent background). The ideal file size for any web image is under 100KB.

💡 System Tip: This article guides you on processing image files before uploading. If you want to know how to insert images into your content, check out How to create and design a new page or Write and publish a blog post.

1. Rename files for SEO

Web servers easily generate display errors (showing a broken image icon) if your file names contain special characters, accents, or spaces.

  1. Open the image folder on your computer, right-click the image, and select Rename.

  2. Rename the file using this strict rule: Use only lowercase letters, no accents, and connect them with hyphens.

  • ❌ Incorrect naming: Course feedback screenshot.jpg

  • ✅ Correct naming: course-feedback-screenshot.jpg

  1. Press Enter to save the new name.

2. Compress images to WebP

Never use raw images. Convert them to WebP – a next-generation format that reduces file size by 70% without blurring the image.

  1. Access the free image compression tool: Squoosh.app.

  2. Drag and drop your image into the center of the screen.

  3. Toggle the Resize switch and enter a maximum width of 1200 to keep the image sharp on both phones and computers.

  4. Under the Compress section, click the dropdown arrow and select the WebP format.

  5. Check the size in the bottom right corner (ensure it's under 200KB), then click the Download (Blue arrow) icon to save the image.

[Insert Image 1 here]

  • Alt text: WebP image compression settings on Squoosh tool.

  • Caption: The WebP format is a "secret weapon" that compresses file sizes to the absolute minimum.

3. Upload images to library

Now that your assets are cleaned and compressed, uploading them takes just 3 seconds.

  1. From your left admin menu, select Media and click Add New Media File.

  2. The system will display a dashed upload frame.

  3. Drag and drop the downloaded WebP image into this frame. The system will automatically upload and store it permanently.

4. Add alternative text

Google's servers do not have eyes to see; they only "read" images through hidden text descriptions. Adding Alternative Text helps your images rank high in search results.

  1. Click directly on the image you just uploaded in the Library.

  2. In the Alternative Text box, type a short descriptive sentence containing your SEO keyword.

  3. The system will automatically display a Saved notification in the top corner.

[Insert Image 2 here]

  • Alt text: Where to enter Alternative Text in the media library.

  • Caption: Never leave the Alternative Text box empty if you want customers to naturally discover you.

🎯 Next step: Your image materials are now completely cleaned up. It's time to bring these "bricks" out to build your welcoming storefront. Let's move to the guide: Building pages with core blocks and layouts.