Responsive Images

What is a responsive image?

Seo content

Use of Responsive Images

In “Properly Size Image” tab of SeoChecker's Content Performance you will find a list of images of the analyzed page that can be modified in order to improve the page's performance.

Specifically, what is wrong with these images is the size: resizing them you can save some space, expressed in the tab in KiB (kibibytes).

responsive images

How SeoChecker determines if the image is oversized

The work of SeoChecker consists in comparing the two sizes of each image present in the analyzed page: one of the original image and one of the rendered image.

How can I properly size my images?

Do not use images larger than the version rendered on the screen of the user: doing so, you seriously risk to reduce the speed of the page's loading and to waste bytes.

Instead use one of these solutions:

responsive images: in this way, for each image it will be generated different versions; then, in your CSS or HTML you can indicate which one of the version to use, through viewport dimensions, media queries etc.
image CDNs
SVG images, namely vector-based image formats.

Related guides

Learn more about Seo content

CHARSET

IMAGE RESOLUTION

PAGE DIMENSION

ROBOTS.TXT

SEO Audit

On page SEO performance and page checkup.

Over 300 parameters for the deeper page analysis.

Try it now

Share this Guide

Did you like it? Share it!

Web tools for modern developers. Try these one!

Over 50 generators, builders and validators to improve your SEO and web performances

MD5 / SHA-1 / BASE64

Converters

Convert text into MD5, SHA-1 and Base64 hash string.

Type or paste text and get Messade-Digest Algorithm 5, SHA-1 and Base64 hased string.

NETWORK WATERFALL

Tester and validators

Capture web page requests and timeline waterfall.

Quickly capture and analyze web page network requests during page load.

FACEBOOK ENGAGEMENT

Social Tester and validators

Get Facebook data and engagement count by URL.

Retrieve Open Graph data, "share" count, comment count and engagement from url.

FAVICON GENERATOR

Builders and generators

Generate icons for web, Android, iOs, Microsoft and Apps.

Show a graphical representation of your site within browser’s address bar.

GOOGLE MAIL TRACKER

Analytics Google Tracking script

Create Analytics trackable URL and track email opens.

Send your email campaign and get data when user open your email.

WHAT IS MY IP?

Server and proxy

Retrieve your Public IP Address and geolocation.

Get your IP address, ISP-Organization information and geolocation data for free.

SITE SNAPSHOT

Images

Quicly capture any web page screenshot and thumbnails.

Get image rendering on desktop and mobile and thumbnails filmstrip with loading timing.

YOUTUBE THUMBNAIL

Images Social

Get YouTube video thumbnails and info dataset.

Retrieve YouTube video image in 9 different sizes, quality, caption, description and more.