{"id":86380,"date":"2026-04-26T19:03:00","date_gmt":"2026-04-26T17:03:00","guid":{"rendered":"https:\/\/www.schepers-photography.de\/bildoptimierung-web\/"},"modified":"2026-04-27T12:16:43","modified_gmt":"2026-04-27T10:16:43","slug":"image-optimization-web","status":"publish","type":"page","link":"https:\/\/www.schepers-photography.de\/en\/bildoptimierung-web\/","title":{"rendered":"Image optimization for the web: Formats, sizes and loading time tips"},"content":{"rendered":"
\n
\n
<\/path><\/svg><\/div>\n\n\n\n
\n

Image optimization for the web: Formats, sizes and loading time tips<\/h1>\n\n\n\n

Beautiful images are of little use if the website takes ages to load. Here you can find out how to prepare photos so that they look fast and sharp on the web and mobile - without any loss of quality.<\/p>\n<\/div>\n\n\n\n

<\/path><\/svg><\/div>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
\n

Which formats are gaining acceptance today<\/strong><\/h2>\n\n\n\n

For Web is WebP<\/strong> the current standard - smaller files than JPG with the same quality. AVIF<\/strong> is even more efficient, but not supported everywhere. Classic JPG still works as a fallback.<\/p>\n\n\n\n

For transparent logos or graphics: SVG<\/strong> (scalable, small) or PNG for pixel-based images.<\/p>\n\n\n\n

Choose the right sizes<\/strong><\/h2>\n\n\n\n

Hero images: max. 1920px width. Content images: 800-1200px. Thumbnails: 300-500px. More is a waste - most screens don't show everything anyway.<\/p>\n\n\n\n

If your CMS (e.g. WordPress) automatically generates responsive srcsets, leave this activated. This way, mobile users get smaller versions and desktop users get larger ones.<\/p>\n\n\n\n

Compression without loss of quality<\/strong><\/h2>\n\n\n\n

JPG quality 80-85 is sufficient for web in almost every case - this saves 30-50% file size without visible loss. Tools like Squoosh, ShortPixel, Imagify or TinyPNG<\/strong> automate this.<\/p>\n\n\n\n

WebP allows additional 25-35% savings. Activate this in your CMS or via a plugin. You are also welcome to contact us about Werbesofa.de<\/a> because we can help you very well with this. <\/p>\n\n\n\n

Lazy loading & caching<\/strong><\/h2>\n\n\n\n

Activate lazy loading<\/strong> (`loading=\u201clazy\u201c`) for all images below the fold - they only load when the user scrolls. This improves Core Web Vitals and Google ranking.<\/p>\n\n\n\n

CDN + aggressive caching (Cloudflare, BunnyCDN, WP Rocket) result in shorter loading times worldwide.<\/p>\n\n\n\n

Alt texts for SEO and accessibility<\/strong><\/h2>\n\n\n\n

Every picture needs a meaningful alt text<\/strong>short, descriptive, with context. Example instead of \u201eimg1.jpg\u201c: \u201eEmployee talking to customer in the workshop - Schepers Photography\u201c. Helps search engines and people with screen readers.<\/p>\n\n\n\n

Core Web Vitals and SEO impact<\/strong><\/h2>\n\n\n\n

Since 2021, Google has been evaluating the Core Web Vitals<\/strong> as a ranking factor. Images play a central role here: the largest visible image in the first viewport determines the ranking. LCP (Largest Contentful Paint)<\/strong>. If it is too large or loads too slowly, the ranking drops.<\/p>\n\n\n\n

\n

\ud83d\udccc My standard for image rights<\/h3>\n\n\n\n

At Schepers Photography you get the following as standard full rights of use<\/strong> to all images supplied - unlimited in time, unlimited geographically, for all your own media (website, social media, print, press relations, career, annual report). No extra charge, no small print. An exception only applies if, before the shoot otherwise agreed in writing<\/em> This happens very rarely.<\/p>\n\n\n\n

Also a Copyright attribution is not mandatory<\/strong>. So you don't have to name me as the photographer if it doesn't fit the layout. My experience: If a picture is good, people will ask who took it. You can find more details about my license philosophy at Image rights & rights of use<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n

Specifically: a hero image over 500 KB already noticeably lowers the LCP score. An image over 1 MB is almost a guarantee for poor mobile scores. Target: Hero images under 200 KB, content images under 100 KB.<\/p>\n\n\n\n

With WebP and intelligent compression<\/strong> this is easily achieved - without any visible loss of quality.<\/p>\n\n\n\n

CDN, caching and lazy loading<\/strong><\/h2>\n\n\n\n

A Content Delivery Network<\/strong> (Cloudflare, BunnyCDN) delivers images from the geographically closest server. This significantly reduces latency for visitors in different regions.<\/p>\n\n\n\n

Browser caching<\/strong>: Images are given long cache headers (e.g. 1 year). If you visit the page for the second time, nothing is reloaded.<\/p>\n\n\n\n

Lazy Loading<\/strong>With `loading=\u201clazy\u201c`, images only load when the user scrolls. This significantly improves the initial page load.<\/p>\n\n\n\n

On WordPress sites, plugins such as WP Rocket, Imagify or SmashPixel (our own plugin)<\/strong> this optimization is automated.<\/p>\n\n\n\n

Images with semantic SEO value<\/strong><\/h2>\n\n\n\n

Beyond image optimization, images should Carry SEO value<\/strong>. This is done using three levers:<\/p>\n\n\n\n

Make file names meaningful:<\/strong>
Instead of \u201eIMG_1234.jpg\u201c, use \u201efotograf-mitarbeiter-mannheim-werkstatt.jpg\u201c. This is used as the context in the URL and when downloading.<\/p>\n\n\n\n

And yes, we don't exclude ourselves, we make that mistake ourselves sometimes \ud83d\ude09 <\/p>\n\n\n\n

Alt text with context:<\/strong>
\u201eEmployee in conversation with customer in the workshop - Schepers Photography Mannheim\u201c. Describes content + brand + region.<\/p>\n\n\n\n

Caption:<\/strong>
If useful, a short caption with keywords. Google includes this in the context.<\/p>\n\n\n\n

More on alt texts and SEO: my employee photos and industrial photography pages.<\/p>\n\n\n\n

Inquire now - Schepers Photography<\/strong><\/h2>\n\n\n\n

Do you need optimized images for your website or a relaunch? We provide you with ready-to-use image material in all relevant formats - with alt texts, multiple resolutions and WebP conversion included.<\/p>\n\n\n\n

\n
Request an appointment now<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Welche Formate sich heute durchsetzen F\u00fcr Web ist WebP der aktuelle Standard \u2013 kleinere Dateien als JPG bei gleicher Qualit\u00e4t. AVIF ist noch effizienter, aber nicht \u00fcberall unterst\u00fctzt. Klassisches JPG funktioniert weiterhin als Fallback. F\u00fcr transparente Logos oder Grafiken: SVG (skalierbar, klein) oder PNG bei pixelbasierten Bildern. Die richtigen Gr\u00f6\u00dfen w\u00e4hlen Hero-Bilder: max. 1920px Breite. […]<\/p>\n","protected":false},"author":5,"featured_media":86370,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Bildoptimierung f\u00fcrs Web \u2013 Gr\u00f6\u00dfen, Formate & Ladezeit","_seopress_titles_desc":"Sch\u00f6ne Bilder bringen wenig, wenn die Website ewig l\u00e4dt. Hier erfahren Sie, wie Sie Fotos so vorbereiten, dass Sie auf Web und Mobile schnell und scharf wi","_seopress_robots_index":"","werbesofa_core_post_meta_password_title":"","werbesofa_core_post_meta_password_text":"","footnotes":""},"class_list":["post-86380","page","type-page","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/pages\/86380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/comments?post=86380"}],"version-history":[{"count":6,"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/pages\/86380\/revisions"}],"predecessor-version":[{"id":86631,"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/pages\/86380\/revisions\/86631"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/media\/86370"}],"wp:attachment":[{"href":"https:\/\/www.schepers-photography.de\/en\/wp-json\/wp\/v2\/media?parent=86380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}