What is the best way to add images to the site?

Question

JavaScript

Hello!
I would like to know how to add images to the sites correctly . Usually, on sites (without a mobile version and not on the m. subdomain), pictures are displayed normally both on a computer (I have 21: 9, 2560x1080) and on a tablet / phone / laptop (you don’t have to look at it). How to do so?
I used to do everything in percentages, but everywhere it was stretched and displayed incorrectly. Then I switched to pixels, but then everything became miniature on my monitor. How do they deal with it?

Answer 1

Well, I was able to do it with pure css

Answer 2

ppc.
What is this, tabs or something? ..)))
www.jooom.ru/toster/toster_6.html

spoiler

$(document).ready ( function(){
  $('.faces_choice_area').find('span').live('click',function(){
    $(this).addClass('ch').siblings().removeClass('ch').parents('div.faces').find('span.faces_choice').eq($(this).index()).addClass('ch').siblings('span.faces_choice').removeClass('ch');
  });
});

Answer 3

Stop. Do you know about media queries in css?

Answer 4

I used to do everything in percentages, but everywhere it was stretched and displayed incorrectly

))) and if so:

img {
width:100%;
height:auto;
}

Answer 5

img {
max-width: 100%:
height: auto
}