You can see that there are 3 scenarios and that depending on the width of the screen, the image behaves differently: Here is how an image aligned on the left behaves on novo-monde: on screens with a width between 481 and 861px, the image takes 50% of the width On screens with a width of less than 481px, the image takes up 100% of the space To better represent all this, let’s take the classic example of an image aligned on the left on a site with a design that adapts to the size of the screens (responsive) as on our own blog. A smarter way to insert images had to be found so that the browser could choose the most appropriate copy of the image for the size and type of screen. The concrete case of a responsive websiteīut with the arrival of responsive websites (which adapt to screen size) and the emergence of mobile phones, this way of inserting images was no longer appropriate. When you added media to your page, wordpresse simply added an html image tag as follows: For more details, I wrote a complete article about this updateīut why does wordpress create copies of images of different sizes? Responsive images: Different images depending on the size and type of screen Images in WordPress before version 4.4īasically, wordpress created these different image sizes so that you could simply choose whether you wanted to insert a larger or smaller image into your web pages. Since version 5.3 of WordPress it is no longer 5 images but 8 that are created each time you add an image to your media library. So it is quite possible that you have more than 5 images created each time (for example, for the theme I created for our novo-monde travel blog, I added an extra size so that each time I put an image in the library, it is actually 6 images that are created). Without going into details, you should also know that wordpress theme developers also have the ability to add different image sizes that may be necessary for a specific design. So you see that by default, wordpress already creates 5 images on your server each time you upload media to your library. Thumbnail : the default image has a maximum width of 150px and a maximum height of 150pxĪlso note that since wordpress 4.4, a 5th image size between large and medium is automatically created with a width of 768px (no max height).Medium : the default image has a maximum width of 300px or a maximum height of 300px.Large : the default image has a maximum width of 1024px or a maximum height of 1024px (this can be changed in the media settings). Best way to optimize images for wordpress full size#
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |