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 to check if image is already stored in a site’s post database? (network)
- Adding a custom image upload size and making it selected by default?
- add_filter the_content str_replace after shortcode
- How to draw media details for Isotope gallery using Photoswipe
- Create Image Uploader for Widget
- WordPress Ajax always returns a 404 error
- Permanently remove first image from posts
- How to resize image on client-side before upload?
- How to use SRCSET with get_the_post_thumbnail()?
- How do I make wordpress comment fields required?
- How to get custom image size for image uploaded in Customizer
- WordPress Wysiwyg Content not being displayed
- Using wp_get_image_editor in a standalone script
- Javascript code inside “” in core WordPress files .php
- Styling images coming from another blog
- How do I add HTML to a PHP function [closed]
- IMG src weird behaviour inside a single post loop
- PHP code to call image Caption, Alternative Text, and Decription?
- Removing unneccessary p-tags (Not every p)
- WordPress automatically adding html tag around PHP code
- Missing sidebar parameter “fix” – before_content
- How to implement Google Tag Manager? [closed]
- How to get the POST TITLE using the POST ID?
- Load a page into a div with Ajax
- Best practice for migration friendly images in posts/pages?
- Converting HTML Template to WordPress Theme
- Multiple options not staying selected after saving
- Get the post ID and display the images
- Responsive Header for Phone
- Unread Repeater field IMG alt not working
- How to remove ?wp-mce-4103-20162941
- parts of url disappear when using # inside href=”” [closed]
- 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
- 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 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
- 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
- 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?
- Use URL query string in img src attribute
- Saving meta box data from selected option’s value in database is not working
- Word press – JSPDF – Sending PDF as attachment from wp_mail – Special characters
- Endpoint exists and shows up in My Account dashboard. Need to add endpoint to My Account DROPDOWN menu in Porto theme
- Get variable from url