javascript - Pourquoi les pixels autour de l'image sont-ils flous lorsqu'elle est chargée dans le navigateur?

Question

J'ai fait une image de 1000px*1000px. Le premier pixel a une couleur de remplissage. Cela semble normal après un zoom avant sous Windows.
Après que le front-end ait demandé cette image, définissez le style : largeur : 40000px hauteur : 40000px ; en zoomant plusieurs fois, les pixels sont entourés de flou
Je pense que peu importe la façon dont vous zoomez, ce qui doit être présenté doit toujours être un bloc de couleur uniforme avec des limites claires
Existe-t-il un moyen d'afficher parfaitement le contenu de chaque pixel après le l'image est agrandie sur le navigateur ?

Answer 1

Le navigateur dispose d'un algorithme de flou spécifiquement pour l'agrandissement de l'image. Il semble déraisonnable que votre image ne contienne qu'un seul pixel, mais pour les images ordinaires, ce type de traitement de flou peut rapprocher l'image agrandie de l'image d'origine, plutôt que de la rendre floue. dès qu'il est agrandi, devenez une mosaïque

.

Answer 2

Est-ce un problème de format d'image ?

Answer 3

image-rendering: pixelated;