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

BYTES CONVERTER

Converters

Convert Bits, Bytes, Kilobytes, Megabytes, Gigabytes, Terabytes and so on.

Set number and choose unit to convert.

Try it for free.

VIEW PAGE SOURCE

Server and proxy

View and download any website’s Source Code.

Get the HTML source code of any online web page from any browser, devices and Os system.

GOOGLE CACHE STATUS

Google Server and proxy

Find out the exact date and time your web page was cached by Google’s crawler through Google Cache Status checker

RGB TO HEX CONVERTER

Converters

Convert instantly color codes from RGB (red, green, blue) to HEX triplets color schema and vice versa.

Insert color and try it for free.

COLOR CONTRAST RATIO

Tester and validators

Check color contrast ratio WCAG 2 AA of your pages.

Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds.

GOOGLE MAP SHAPE BUILDER

Builders and generators Google

Draw rectangles, circle, polygon, polyline and shape on maps and get coordinates.

Set styles and colors for your drawed shapes and get the code.

FACEBOOK EVENTS

Social Tracking script

Measure and track user interactions with your contents.

Track all the events you want: downloads, clicks, video plays, checkout flow, engagement.

CSS MINIFIER

Compressor

CSS minifier tool.

Optimize and compress your CSS code, make your website faster and reduce network payload sizes.