Png Bilder verzerrt?
Wenn ich als Icons Png Bilder nutze, werden die bei kleinen Bildschirmen verzerrt angezeigt, wahrscheinlich, weil ich die Größe davon auf 30px stelle so werden die bei kleinen Bildschirmen verzerrt angezeigt. Was kann ich dagegen tun, ohne dass ich Vektorgrafiken nutzen muss für Icons.
2 Antworten
Nutze bei Größenangaben für Bilder besser relative Werte - also Prozent.
Eine feste Breite nach Ratio des Bildes durchaus verzerrt dargestellt werden.
Wenn Du die Bilder auf erst 2 % verkleinern musst, dann liegt das Problem darin, dass Du die Bilder schon nicht passend vor-bearbeitet hast.
Ja eh aber wenn ich die Bilder selber kleiner mache dann sind die Bilder doch erst recht verzerrt
Das wiederum sagt nur, dass Du keine Bildbearbeitung kannst. Nix für ungut. 😉
...und da würde ich bezüglich Weiterbildung mal ansetzen.
Denn Bilder im korrekten Seitenverhältnis zu verkleinern und ggf. Ausschnittsvergrößerungen anzulegen gehört mit zum kleinen 1x1 eines Webdesigners.
Kann übrigens jede Bildbearbeitung zwischen irfanview bis Photoshop.
Ich weiß wie das geht nutze seit Jahren paint.net. Habe das Problem jetzt gefunden, es lah einfach daran, dass ich die Bilder zu klein gemacht habe.
In jeder Bildbearbeitung gehört zur Größenänderung von Bildern immer die Option Seitenverhältnis beibehalten. Solange du diese Option aktivierst, verzerrt auch nichts.
Was du unabhängig davon mit HTML und CSS anstellst, weiß hier keiner.
Also anstatt 50px bei Bildern 2%? Oder die Div Box in dem das Bild drinnen ist verkleinern