Leitfaden aktualisiert:
Kombinieren Sie kleine Bilder zu einem CSS Sprite-Sheet und generieren Sie online CSS Positionen.
Praktische Anleitungen mit Desktop- und Telefon-Screenshots, kurzen Demonstrationen und Antworten auf häufige Fragen.
Bevor Sie beginnen
Behalten Sie die Originaldatei und verwenden Sie die unten verlinkte kleine öffentliche Demonstrationsdatei. Überprüfen Sie die unterstützten Formate und Einschränkungen im Dienst, bevor Sie Ihre eigene Datei auswählen.
Versuchen Sie es mit einer Demonstrationsdatei — landscape.png
Diese kleinen Dateien wurden für diesen Leitfaden erstellt und enthalten keine personenbezogenen Daten.
Schritt-für-Schritt-Anleitung
- Öffnen Sie das Tool über die Schaltfläche neben dem Video. Behalten Sie den Standardmodus bei, es sei denn, im nächsten Schritt wird ein anderer Modus angegeben.
- Wählen Sie die Demonstrationsdatei. Warten Sie, bis der Name oder die Vorschau angezeigt wird, und überprüfen Sie dann die verfügbaren Einstellungen.
- Wählen Sie die für Ihre Aufgabe erforderlichen Optionen. Öffnen Sie die Fragezeichen für Erklärungen; Die in der Demonstration verwendeten Werte sind Beispiele.
- Um den vollständigen Vorgang auszuführen, drücken Sie die Hauptverarbeitungstaste. Wenn der Dienst Sie auffordert, sich anzumelden oder einen Preis zu bestätigen, prüfen Sie die aktuellen Bedingungen, bevor Sie fortfahren.
- Warten Sie auf ein erfolgreiches Ergebnis, überprüfen Sie es und speichern Sie die Ausgabe, bevor Sie die Seite verlassen. Eine Einstellungsdemonstration ist kein abgeschlossenes Verarbeitungsergebnis.
Auf einem Computer
Verwenden Sie die Dateiauswahl oder ziehen Sie die Demodatei in den Upload-Bereich. Warten Sie, bis die Quelle bereit ist, und überprüfen Sie dann die Optionen und die Hauptaktion.
Auf einem Telefon
Wählen Sie die Demodatei unter „Dateien“ oder in Ihrer Galerie aus. Warten Sie, bis die Datei vollständig geladen ist, und scrollen Sie zu den Einstellungen. Lassen Sie die Lasche während der Arbeit geöffnet.
Öffnen Sie in Safari auf dem iPhone das Freigabemenü und wählen Sie „In Dateien speichern“, wenn das Ergebnis in einem neuen Tab geöffnet wird. Überprüfen Sie in Android Chrome die Downloads. Lassen Sie diese Registerkarte geöffnet, bis die Verarbeitung abgeschlossen ist.
Für ein besseres Ergebnis
Kombinieren Sie kleine Bilder zu einem CSS Sprite-Sheet und generieren Sie online CSS Positionen. Warten Sie auf ein erfolgreiches Ergebnis, überprüfen Sie es und speichern Sie die Ausgabe, bevor Sie die Seite verlassen. Eine Einstellungsdemonstration ist kein abgeschlossenes Verarbeitungsergebnis.
Screenshots und Videos
Desktop-Demonstration
Diese Aufzeichnung zeigt die Quelle und die verfügbaren Einstellungen vor der Hauptaktion. Befolgen Sie die oben genannten Schritte, um mit der Verarbeitung zu beginnen und das Ergebnis zu speichern.
Telefonvorführung
Diese Aufzeichnung zeigt die Quelle und die verfügbaren Einstellungen vor der Hauptaktion. Befolgen Sie die oben genannten Schritte, um mit der Verarbeitung zu beginnen und das Ergebnis zu speichern.
Fragen und Fehlerbehebung
Verwendet diese Demonstration meine echten Daten?
Nein. Die Aufzeichnung verwendet öffentliche Beispielwerte, die für den Leitfaden erstellt wurden. Der Dienst basiert auf den Eingaben, die Sie in Ihrem eigenen Browser eingeben.
Was sollte ich prüfen, bevor ich mich auf das Ergebnis verlasse?
Kombinieren Sie kleine Bilder zu einem CSS Sprite-Sheet und generieren Sie online CSS Positionen. Warten Sie auf ein erfolgreiches Ergebnis, überprüfen Sie es und speichern Sie die Ausgabe, bevor Sie die Seite verlassen. Eine Einstellungsdemonstration ist kein abgeschlossenes Verarbeitungsergebnis.
Wenn Sie eine Meldung sehen, dass der Dienst überlastet ist, warten Sie und versuchen Sie es später erneut. Ein fehlgeschlagener Versuch bedeutet nicht, dass sich Ihre Quelldatei geändert hat.
