Wie Ändern der Größe der Bilder mit Irfanview für Ihre HTML5 und CSS3-basierte Web-Seiten

Alle anderen Bildbearbeitungstricks optional sein, aber Sie sollten wirklich die Größe der Bilder auf HTML5 und CSS3 Web-Seiten. Obwohl High-Speed-Verbindungen keine Probleme mit einem riesigen Bild haben kann, macht nichts eine Web-Seite nicht von Benutzern mit schwächeren Konnektivität schneller als aufgeblähten Bildgrößen.

Um ein Bild zu skalieren mit Irfanview, führen Sie die folgenden Schritte aus:

  1. Laden Sie das Bild in Irfanview.

    Sie können dies tun, indem Sie das Bild auf das Irfanview-Symbol ziehen, ziehen in eine offene Instanz von Irfanview oder über die Menüs in Irfanview.

  2. Aus dem Menü Bild wählen Größe ändern / neu berechnen.


    Sie können auch Strg + R für diesen Schritt verwenden.

  3. Bestimmen Sie die neue Bildgröße.

    Eine Reihe von Standard-Bildgrößen stehen zur Verfügung. 800x600 Pixel wird ein großes Bild in den meisten Browsern erstellen. Wenn Sie das Bild kleiner wollen, benötigen Sie eine Größe in die Textfelder eingeben. Bilder in Webseiten eingebettet sind oft 320 Pixel breit und 240 Pixel hoch. Das ist ein guter Ausgangspunkt. Alles, was kleiner wird schwer sein, zu sehen, und alles, was größer ist möglicherweise zu viel Platz auf dem Bildschirm einnehmen.

  4. Bewahren Sie das Seitenverhältnis mit der mitgelieferten Kontrollkästchen.

    Dies stellt sicher, dass das Verhältnis zwischen Höhe und Breite beibehalten wird. Andernfalls kann das Bild verzerrt werden.

    bild0.jpg
  5. Speichern Sie das resultierende Bild als neue Datei.

    Wenn Sie ein Bild kleiner machen, verlieren Sie Ihre Daten. Das ist völlig in Ordnung, für die Version, die Sie ins Netz gestellt, aber man sollte wieder auf den ursprünglichen großen Bild, falls Sie ändern möchten hängen.

  6. Resampling, anstatt die Größe neu.

    Resampling ist ein langsamer, aber genaue Technik für die Bildgröße ändern. Dies ist Irfanview das Standardverhalten, es so allein lassen. Es ist immer noch recht schnell auf einem modernen Computer. Die Vorgabe (Lanczos-Filter) ist in Ordnung, obwohl Sie mit anderen Filtern experimentieren können eine schnellere Umwandlung zu bekommen, wenn Sie möchten.

» » » » Wie Ändern der Größe der Bilder mit Irfanview für Ihre HTML5 und CSS3-basierte Web-Seiten