Comparatif pixel/%

Pour me rendre compte de la différence d'affichage, avec des écrans plus petits que 1920x1080px, voici la même image , qui fait 1920x1080px, publiée d'abord en pixels puis en %; ce qui s'écrire, en code source:

<p><img  style="width:1920px;" src="http://ekladata.com/mgfIDrwiwI7dil5Ti1Y9br-ZZKQ.jpg"></p>

et, en %:

<p><img style="width:100%" src="http://ekladata.com/mgfIDrwiwI7dil5Ti1Y9br-ZZKQ.jpg">

Aucune différence sur un écran de 1920x1080px mais sur l'autre en 1440x900px, la première est tronquée à droite à 1440px alors que la seconde remplit l'écran: c'est mieux !

La largeur de mon blog est définie à 100% et je pensais qu'une image plus large s'affichait en jouant du curseur inférieur; vérification sur un écran de 1366x768px: l'image est tronquée à 1366px.

Le réglage de la largeur du blog en % est-il le plus adapté ? Je vais le passer à 1920px, pour voir: dans ce cas, les 2 images font 1920px et débordent des écrans plus petits et l'ascenseur inférieur apparaît pour les afficher.

Je découvre et me demande s'il ne faudrait pas fixer la largeur du blog en pixel avec des codes article en % ?

La largeur de mon blog étant de 100%, je vais publier une image en 3200x1024px, soit par le code source, soit par l'icône "image" et faire un lien sur l'image réduite (1920px) publiée vers l'image en taille originale, dans une nouvelle fenêtre et vérifier comment elle s'affiche:

écran de 1920x1080px; elle s'affiche en entier, et le lien l'affiche d'abord dans la même taille avec possibilité d'agrandissement (loupe +) puis curseur inférieur.

écran de 1366x766px: elle est tronquée à 1366px, en largeur; le lien l'affiche en entier, en remplissant la largeur de l'écran puis agrandissement comme ci-dessus.