Quick answer: good website image optimization comes down to five habits. Export each image at the largest width it will actually display, convert it to WebP, and keep most images under about 150 KB. Give each file a short descriptive name, and write alt text that describes what the image shows, in the same language as the page. Do this before upload, not after the site feels slow.
Images are usually the heaviest part of a web page, and on many company sites a single banner outweighs all the text, code and fonts together. Visitors in Kuwait browse mostly on phones. A large hero image is often the last thing to appear, and it is the element Google measures for loading speed. The good news is that image work needs no developer. It needs a few rules, applied every time someone uploads a picture.
Which image format should you use?
| Image type | Recommended format | Notes |
|---|---|---|
| Photos (team, products, places) | WebP | Usually much smaller than JPEG at similar quality. AVIF can be smaller still if your platform supports it. |
| Logos and simple icons | SVG | Sharp at any size and very light. Upload only from trusted sources. |
| Graphics with a transparent background | WebP with transparency | Check the converter keeps the transparency. Some tools flatten it onto a black or white background. |
| Screenshots with text | WebP (lossless) or PNG | Lossy compression blurs small text. |
How big should each image be?
Size images for where they appear. A content image in a column rarely displays wider than 1,000 pixels, so uploading a 4,000-pixel camera photo only wastes bandwidth. Full-width banners may need 1,600 to 1,920 pixels on desktop, and most platforms create smaller copies for phones automatically. As a working target, keep content images under 150 KB and large banners as close to that as quality allows. If an image will not compress well, it may be too detailed for the space it fills.
How should you name image files?
Rename files before upload. “IMG_2034.jpg” tells nobody anything, while “kuwait-showroom-reception-desk.webp” describes the content to search engines and to your own team months later. Use lowercase Latin letters, numbers and hyphens. Arabic characters in file names turn into long encoded strings in the image address. Keep the description in Arabic for the alt text, where it belongs.
How do you write alt text in Arabic and English?
- Describe what the image shows and why it is on the page, in one short sentence.
- Write it in the page’s language: Arabic alt text on Arabic pages, English on English pages. If your platform shares one media library between languages, check that each version can carry its own text.
- Leave the alt text empty for purely decorative images, such as background patterns, so screen readers skip them.
- Do not stuff keywords. “Web design Kuwait web design agency” helps no one. “Designer reviewing the Arabic version of a homepage on a laptop” does.
- Use the caption, not the alt text, for information every visitor should see.
What should you check after uploading?
- The main banner at the top of the page should load immediately. Lazy loading suits images further down the page, not the first one visitors see.
- Images should have width and height set, so the layout doesn’t jump while they load.
- Run key pages through PageSpeed Insights on mobile and look for image-related suggestions.
- Open the page on a phone using mobile data, not office Wi-Fi, to see what visitors actually see.
Who should own image quality?
Whoever uploads images. Write the rules on one page: format, maximum width, size limit, naming pattern and alt text. Share it with everyone who edits the site, including agencies and freelancers. Most slow sites get slow gradually, one oversized upload at a time.
Frequently asked questions
Do all browsers support WebP?
Yes, all current major browsers display WebP, on phones and desktops.
Should I switch everything to AVIF?
AVIF files are often smaller, but check that your platform, plugins and image editing tools handle them. WebP is the safe default today.
Do images help a page appear in search?
They can. Google uses the file name, alt text and the text around an image to understand it, and images can appear in Google Images and other search features.
Image preparation is part of every build in our web design and development service. If your current site feels heavy, send its address through our quote request form and we will tell you where the weight comes from.
Sources
- Google Search Central: Image SEO best practices
- W3C Web Accessibility Initiative: Images tutorial
- Google PageSpeed Insights
By the Creative 4 All team, building bilingual websites and campaigns since 2012. Reviewed for Kuwait in November 2026.
