PerfectPixel, eine Chrome-Erweiterung, ermöglicht Webentwicklern undDesigner können auf einfache Weise ein halbtransparentes Bild über eine entwickelte HTML-Website legen. Durch Verschieben des Bildes auf einer Webseite können Entwickler den Unterschied in den Pixeln visuell erkennen. Die Erweiterung verfügt auch über eine Opazitätsoption, mit der Sie sowohl das Overlay als auch das entwickelte HTML anzeigen können. Während Sie das Bild bewegen, werden die Koordinaten im PerfectPixel-Popup automatisch aktualisiert. Sie können dann kopiert und von Webentwicklern verwendet werden.
Sobald Sie die Erweiterung installiert haben, klicken Sie auf die Schaltfläche in der Symbolleiste. Ein Popup wird auf Ihrer Webseite angezeigt. Klicken Neue Ebene hinzufügen und wählen Sie eine Datei aus Ihrem lokalen System. Dieses Bild wird sofort als Ebene über der Webseite hinzugefügt. Du kannst Anzeigen Ausblenden Bilder und wählen Sie auch andere. Bewegen Sie das Bild, um es anders zu testenPositionen, und die Koordinaten werden automatisch im Popup-Fenster aktualisiert. Sie können beliebig viele Bilder hinzufügen und bestimmte auswählen, indem Sie darauf klicken. Sobald das Bild korrekt positioniert ist, können Sie die aktualisierten Koordinaten verwenden, um Ihr Bild über CSS zu positionieren. Der Entwickler hat die Unterstützung mehrerer Overlays erwähnt. Unsere Tests ergaben jedoch die Unfähigkeit, mehrere Schichten hinzuzufügen.
Das PerfectPixel Optionen ermöglichen es Ihnen, die zu aktivieren Speicherkompatibilitätsmodus, Hiermit werden Kompatibilitätsprobleme beim Hochladen von Bildern behoben. Eine Einschränkung des Kompatibilitätsmodus besteht jedoch darin, dass die Dateigröße auf maximal 1,5 MB beschränkt ist. Sie können auch das aktivieren Debug-Modus und Hotkeys.
Unsere Tests haben jedoch gezeigt, dass dies möglich istWenn Sie mehrere Ebenen hinzufügen, können Sie auf einer bestimmten Seite jeweils nur eine Ebene anzeigen. Dies ist eine unglückliche Einschränkung, und der Entwickler sollte in Betracht ziehen, sie so zu ändern, dass mehrere Ebenen gleichzeitig angezeigt werden können. Die Schaltfläche "Sperren" speichert die Position einer Bildebene, die Sie hinzugefügt haben, und selbst wenn Sie die Erweiterung verlassen (klicken Sie erneut auf die Schaltfläche, damit das Bedienfeld ausgeblendet wird), merkt sie sich die Position dieser Bilder, wenn Sie sie das nächste Mal öffnen.
Die PerfectPixel-Erweiterung ist ein praktisches Tool für Webentwickler und -designer und über den unten stehenden Link zum Chrome Web Store verfügbar.
Installieren Sie PerfectPixel für Google Chrome
Bemerkungen