Spritemapper Eine Suite zum Zusammenführen mehrerer Bilder und generiert entsprechende CSS in einem GO
Jetzt downloaden

Spritemapper Ranking & Zusammenfassung

Spritemapper Stichworte

CSS. Bilder zusammenführen Mapper Positionierung CSS-Positionierung. Sprite-Mapper

Spritemapper Beschreibung

Eine Suite zum Zusammenführen mehrerer Bilder und entsprechende CSS in einem GO generieren SpritEmapper ist eine Anwendung, die mehrere Bilder in einem zusammenfügt, und erzeugt die CSS-Positionierung für die entsprechenden Scheiben. Das Paket besteht aus einem einfachen Befehlszeilen-Tool, das "Job" und eine Python-Bibliothek enthält, einschließlich des eigenen PNG- und CSS-Parsers. Die Wahl des Schreibens / Bündels dies bestand darin, den 3RD-Party-Anforderungen an zu bleiben. Jeder, der jemals den angenehmen Job der Installation von Pil auf verschiedenen Plattformen hatte, sollte eine ziemlich gute Vorstellung davon haben, was wir versuchen, zu vermeiden. Es gibt mehrere Alternativen zu Spritemapper, aber alle benötigen ein bisschen zu viel manuelle Arbeit, während der Spritemapper liest Ihr aktueller CSS, ersetzen Hintergrundbilder und -position mit dem erzeugten Ergebnis. Diese Technik verbessert die Ladegeschwindigkeit Ihrer Website drastisch, indem die Bandbreite effektiv reduziert wird, indem Sie weniger Bilder herunterladen {Hintergrund: Rote URL (../ IMG / EMoticons / Smile.png) No-Repeat;}. emote.grin {Hintergrund: weiße URL (../ IMG / EMoticons / Grin.png) No-Repeat;} wendet sich ein : .emote -16px;} Überprüfen Sie unsere Homepage für Real Life Beispiele.Eage: -h, --help Eine Hilfsnachricht anzeigen und Exit-C Ini, --conf = INI-Lesen Basiskonfiguration von INI (siehe Konfigurationsoptionen) - Padding = n Halten Sie N-Pixel der Polsterung zwischen Spracheconfigurationsoptionen Konfigurationsoptionen können auf zwei Arten angegeben werden: Inline in der CSS oder mit dem Übergeben einer INI-Datei mit Standardeinstellungen. Für CSS sieht es so aus wie: / * spritemaPer.output_css = foofile.csSyou kann das genaue Äquivalent mithilfe einer INI-Datei ausführen, wie folgt: Output_css = foofile.cssit ist wichtig zu beachten, dass alle Pfade relativ zur CSS-Datei sind Process.base_url Eine URL, mit der die resultierenden CSS- und Bilddateien erreichbar sind. Standardmäßig verwendet Datei-relative Pfade (empfohlen) .SPRITE_DIRS Eine Liste von Verzeichnissen, innerhalb derer Erzeugung von SpritMaps erzeugt werden können. Standardmäßig sind alle Verzeichnisse berechtigt Setzen Sie standardmäßig.Output_Image den Namen des Ausgabespritemap-Images. Sprite_Dirs ist damit nicht kompatibel, weil beide dem Spritemapper sagen, wie man Sprite in Spritemaps sortiert. Standardmäßig + .png.output_css the name für die neuschriftliche CSS-Datei. Standardmäßig sm_ {basename} {Erweiterung} .padding-Menge an Polsterraum zwischen zwei Bildern. Dies ist meistens nützlich, um Subpixel-Rendering-Artefakte auf iOS-Geräten entgegenzuwirken. Standardmäßig trifft die 1.ICHEAL_STEPS eine größere Anzahl hierher macht den Kästchen Packer-Algorithmus mehr Kombinationen aus. Standardmäßig erfordert 9200.Running teststhe Test Suite Nase. Sie können sie durch Setup.py, Python Setup.py Test oder NoSetests ausführen. Anforderungen: · Python

Spritemapper Zugehörige Software