{"id":46,"date":"2026-10-22T07:04:57","date_gmt":"2026-10-22T07:04:57","guid":{"rendered":"https:\/\/michaelracle.com.ng\/blog\/?p=46"},"modified":"2026-10-22T07:04:59","modified_gmt":"2026-10-22T07:04:59","slug":"website-images-too-large","status":"publish","type":"post","link":"https:\/\/michaelracle.com.ng\/blog\/2026\/10\/22\/website-images-too-large\/","title":{"rendered":"How do I add good website photos without making pages slow?"},"content":{"rendered":"

Photo: Mateusz Dach \/ Pexels. Illustrative photograph. Photo source<\/a> \u00b7 Pexels licence<\/a><\/p>\n

Good photographs do not need to arrive at their original camera resolution on every page. Choose an image that supports the content, serve an appropriate size and preserve a stable layout. That can improve the experience without replacing real pictures with generic artwork.<\/p>\n

Match the image to the task<\/h2>\n

A project case study benefits from an actual screenshot showing the feature being discussed. A general planning article may use a licensed photograph as context. Label stock images honestly and do not imply that the person or workspace pictured belongs to your business.<\/p>\n

Keep a record of the source and permitted usage. A picture being visible in search results does not make it free to reuse. Credits are helpful, but a credit alone does not replace permission.<\/p>\n

Send the right amount of image data<\/h2>\n

Create web-sized versions rather than uploading a huge original into a small card. Use responsive image support where available so the browser can choose a suitable file. Check the result visually; aggressive compression can make text in a screenshot unreadable.<\/p>\n

Give images width and height or an appropriate aspect ratio. This reserves space before the image loads and reduces unexpected movement while someone is reading or pressing a button.<\/p>\n

Load images in the right order<\/h2>\n

The main visible image should not be delayed unnecessarily. Pictures well below the first screen can often load later. Google's responsive-image guidance<\/a> describes the browser features involved.<\/p>\n

Test on a phone and a slower connection, then verify that the image still communicates its purpose. A small file that looks broken is not a successful optimisation.<\/p>\n

I can help through website design<\/a> and WordPress support<\/a>. Explore my portfolio<\/a> or discuss your site<\/a>. Read Why is my WordPress website slow on mobile but fast on desktop?<\/a> for a wider performance review and Why is my website picture missing when I share a link on WhatsApp?<\/a> for images used in social previews.<\/p>\n

Use images deliberately. Each one adds value when it explains the work or gives relevant context, rather than simply extending the page.<\/p>\n","protected":false},"excerpt":{"rendered":"

Good photographs do not need to arrive at their original camera resolution on every page. Choose an image that supports the content, serve an appropriate size and preserve a stable layout. That can improve the experience without replacing real pictures with generic artwork.<\/p>\n","protected":false},"author":1,"featured_media":19,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-46","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-and-performance"],"_links":{"self":[{"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/posts\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":2,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/posts\/46\/revisions\/142"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/media\/19"}],"wp:attachment":[{"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/media?parent=46"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/categories?post=46"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michaelracle.com.ng\/blog\/wp-json\/wp\/v2\/tags?post=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}