A high resolution image suitable for a big desktop screen is overhead on a mobile screen. The mobile device has to download the big image and then to scale it down to fit on the smaller screen. With responsive images the server offers the image in several sizes and the client browser selects the one that’s closest in size. See the overview at the WordPress APIs handbook: Responsive Images.
Related Posts:
- How do I change/modify the_post_thumbnail(); html output?
- Add custom HTML to posts page
- Where are the src and srcset sizes coming from?
- Generate responsive post thumbnails of same size
- Displaying images outside the content
- WordPress User Meta value variable into Google Gauge Chart
- How to use data URL in WordPress?
- How to include different html tags in the header for different pages?
- Gallery requires a featured image but does not show it in posts/pages
- HTML in PHP problem [closed]
- Understanding responsive imagery
- Make Google index the entire post if it is separated into several pages
- How do I hook into WordPress to save an uploaded photo as an alternate size to an existing photo?
- How to check if image is already stored in a site’s post database? (network)
- add_filter the_content str_replace after shortcode
- How to draw media details for Isotope gallery using Photoswipe
- Permanently remove first image from posts
- Debugging upload problem: What part of WP does actual image-resizing?
- Blank on static home page?
- Run shortcode at certain resolution
- How to use SRCSET with get_the_post_thumbnail()?
- How do I make wordpress comment fields required?
- Using wp_get_image_editor in a standalone script
- Javascript code inside “” in core WordPress files .php
- Assign a picture URL to a page via PHP
- Styling images coming from another blog
- Custom image upload
- How to scale image with equal width and height without distortion?
- How to display recent posts on home page with custom HTML
- IMG src weird behaviour inside a single post loop
- Upload Image in a WordPress page using PHP
- PHP code to call image Caption, Alternative Text, and Decription?
- Removing unneccessary p-tags (Not every p)
- Change the URL of an image from wp_get_attachment_image_src except in the frontpage
- How to implement Google Tag Manager? [closed]
- Best practice for migration friendly images in posts/pages?
- Multiple options not staying selected after saving
- Get the post ID and display the images
- Responsive Header for Phone
- How to remove ?wp-mce-4103-20162941
- parts of url disappear when using # inside href=”” [closed]
- How to get the value of input hidden html from text editor to custom page template?
- Dot is not added at the end of href
- How to make own crop image function for WordPress plugin
- Add .htm extention to a custom taxonomy
- Auto 301 to full post permalink? (using : /archive/%post_id% to %post_name% )
- How do I add a custom css to all posts without affecting homepage css? [closed]
- Noscript not working as it should in wordpress site
- Wrapping a Sidebar within
- HTML escaping data with ajax requests
- HTML table attributes ignored
- Timthumb.php image gallery not working on Multisite WordPress
- Using ob_start and ob_get_clean with wordpress shortcode
- How to edit HTML of my website on WordPress? [closed]
- How to rename woocommerce-billing-fields
- Change default gallery images – Currently they are displaying full size imagese
- Creating black and white copy of an image [closed]
- How to add post meta in while loop?
- Adding function to child theme’s function.php
- Calling function in loop causes repeat data
- How to set a featured image (thumbnail) with PHP?
- Link to page with posts of specific type
- Some problems in custom widget
- Checking page before applying image restrictions while uploading
- PHP function for horizontal Woocommerce thumbnails and badges
- Update Images after edit via php
- Add Link to PHP message
- How do I stop an Image Address from loading in the Browser?
- How do I disable cache for a certain page?
- Responsive loop with 3 columns inside row then 2 columns
- How can I edit the final HTML structure of the whole web page
- Install functionality for push notifications but WP-Theme has oddly-named, hidden source files [closed]
- AJAX and custom pages
- how to add functions to my function.php using a child theme?
- How can I create a shortcode from an html and php code written together
- Allowing HTML elements in title widgets spacing problem
- wordpress form action page not found
- html to posts, jpg to featured image, zip file contains jpg and html
- Font-Family does not looks like how it should be [closed]
- add class to background image
- Save the outputted image into the Media Library, with a different filename and extension
- Add extra markup to WP menus
- Removing backstretch image from pages/posts
- How Can I Center the Logo in the Navigation Menu? [closed]
- Creating image gallery in wordpress
- Image limit from 1 to 5
- What is the best way to get the first few post from WordPress in different divs using a loop?
- Display WP posts in 3 responsive columns
- Run php function after html click after page refresh
- Get all the contents of taxonomy and sort by term
- How to style this wp_list_pages markup
- How To: Simple domPDF Example
- Cant get theme to change footer color through theme customizer
- Changing 2011 theme header image based on user dropdown
- How do I modify the with wp_nav_menu()
- Can you not edit the HTML and PHP of your WordPress without paying?
- How to automatically convert images to WebP on WordPress?
- Add multiple HTML attributes to an Elementor button
- I want to lists posts in wordpress to nearest location entered by the user
- Add/alter image attribute before render