Artikeleinführung von Wulin.com (www.vevb.com): Optimierung von gezackten PNG -Bildern.
Nehmen wir eine kleine Möglichkeit auf, Bilder zu verarbeiten.
Dies ist ein Sprite -Hintergrundbild. Ich setze den Hintergrund auf schwarze, um eine einfache Demonstration zu erzielen, aber er ist tatsächlich ein transparenter Hintergrund.
Vor der Optimierung haben die Bilder mehr gezackte Zähne. Nach dem Vorschlag von Weisiei lautet die Lösung wie folgt.
Zeichnen Sie ein Rechteck aus derselben Größe (20px*19px) Auswahlbereich und richten Sie ihn mit dieser Figur aus.
Rückwärtsauswahl.
Löschen Sie die zusätzlichen Teile. Es ist wie das Schneiden der Kanten.
Schließlich wurde das Bild in das transparente PNG8 -Format von Alpha exportiert. Ok, die Optimierung war erfolgreich. Vergessen Sie nicht, das Bild zuerst zu komprimieren und dann zu verwenden.
Lassen Sie mich übrigens ein Flussdiagramm sagen.
Diese Wassertropfen-ähnliche runde Form ist ebenfalls ziemlich verwickelt. Glücklicherweise ist der Hintergrund, in dem es sich befindet, weiß. Wenn Sie es also mit einem weißen Hintergrund schneiden, machen Sie sich keine Sorgen um das Zaggen.
Da dieses Hintergrundbild geschrieben wird, um es an einem 3-Pixel-Rand zu positionieren, ist der Teil, der sich über den Rand überlappt, auf transparent eingestellt. Dies ohne zu erkennen, dass es den visuellen Effekt nicht beeinflusst. Ha ha.