Hallo Tommy,
Alle Ihre Ideen, Modifikationen und Fehlerbehebungen sind willkommen und unerlässlich für die Entwicklung eines erstklassigen Tools.
normalerweise sollten Sie, wenn Sie unter das Bild scrollen, alle Werkzeuge finden, um das Bild zu skalieren, die Dateigröße zu reduzieren usw. Sie können sogar einen bestimmten Bereich des Bildes zuschneiden.
Die Änderungen werden direkt im Mobirise-Projekt und gleichzeitig in der Vorschau des Fensters übernommen.
Heute Morgen bin ich allerdings sehr früh aufgestanden – ich glaube sogar, dass ich nicht besonders viel geschlafen habe
– und habe weiter an Z2C Assets gearbeitet.
Dabei ist eine neue Version entstanden: die „Katana“-Version.
Sie können sie hier herunterladen und testen.
http://unsitepourtous.be/z2c-assets-2.1.1-katana.mbrext
Nach Ihren Tests werden wir die Fehler beheben und Volker kann es dann auf seiner Website veröffentlichen.
Sie funktioniert mit VN Menü 4 oder höher. Für die vollständige Unterstützung von Englisch und Französisch empfehle ich die entsprechende aktuelle VN-Menü-Version.
Diese neue Version enthält den VN-Menü-Kern nicht mehr direkt im Plugin. Dadurch ist das Plugin schlanker und sauberer aufgebaut. Voraussetzung ist allerdings, dass VN Menü bereits installiert ist, bevor Z2C Assets verwendet wird.
Hier ist eine Übersicht darüber, was diese neue Version bietet:
Z2C Assets „Katana“ ist ein umfangreiches Werkzeug zur Analyse, Verwaltung, Optimierung und Bereinigung von Assets direkt innerhalb eines Mobirise-Projekts.
Die Erweiterung ist für die Verwendung mit VN Menü vorgesehen und arbeitet als eigenständiges Plugin ohne eingebetteten VN-Menü-Kern.
Dashboard und Projektanalyse
Katana scannt das gesamte Projekt und zeigt die verwendeten Assets übersichtlich an.
Unterstützt werden unter anderem:
Bilder
SVG-Dateien
Videos
Audio-Dateien
Schriftarten
CSS- und JavaScript-Dateien
weitere Projektdateien
Für jedes Asset werden – soweit verfügbar – Informationen wie Dateiname, Pfad, Dateigröße, Abmessungen, Verwendung und Status angezeigt.
Die Asset-Liste kann nach Dateiname, Pfad oder Erweiterung durchsucht werden.
Zusätzliche Filter ermöglichen zum Beispiel die Anzeige von:
Bildern
Videos
Fonts
großen Dateien
Assets ohne erkannte Referenz
Bildern mit fehlendem ALT-Attribut
überdimensionierten Bildern
Duplikaten
Social-Media-Assets
Aktive Filter bleiben auch bei einer Suche weiterhin wirksam.
Verwendung und Referenzen
Katana versucht zu erkennen, auf welchen Seiten und in welchen Projektdateien ein Asset verwendet wird.
Dadurch kann man schnell erkennen:
wo ein Bild verwendet wird
welche Seiten ein Asset referenzieren
ob ein Asset vermutlich nicht mehr verwendet wird
ob lokale Referenzen auf nicht vorhandene Dateien zeigen
„Keine Referenz erkannt“ bedeutet dabei, dass Katana keine bekannte Verwendung des Assets finden konnte. Das Asset ist daher vermutlich unbenutzt, sollte aber vor einer endgültigen Löschung immer überprüft werden.
Safe Rename
Ein Asset kann direkt aus Katana heraus umbenannt werden.
Katana versucht dabei automatisch alle gefundenen Referenzen im Projekt auf den neuen Dateinamen anzupassen.
Vor der Änderung wird eine Sicherung angelegt.
Safe Move
Assets können innerhalb des Projekts in einen anderen Ordner verschoben werden.
Auch hier werden die gefundenen Projektverweise automatisch angepasst.
Replace Everywhere
Eine Datei kann durch eine andere Datei ersetzt werden.
Katana aktualisiert dabei die gefundenen Referenzen auf das neue Asset.
Das ist zum Beispiel praktisch, wenn eine alte Grafik durch eine optimierte Version ersetzt werden soll.
Duplikate erkennen und zusammenführen
Katana erkennt identische Dateien anhand ihres Inhalts.
Dadurch können Dateien mit unterschiedlichen Dateinamen erkannt werden, die tatsächlich identisch sind.
Duplikate können auf ein gemeinsames Asset zusammengeführt werden, wodurch unnötige Dateien aus dem Projekt entfernt werden können.
ALT Manager
Der ALT Manager dient zur Verwaltung der Alternativtexte von Bildern.
ALT-Texte sind wichtig für:
Barrierefreiheit
Screenreader
SEO
Beschreibung des Bildinhalts
Katana zeigt unter anderem:
erkannte ALT-Texte
Anzahl der gefundenen Bildverwendungen
betroffene Seiten
Ein neuer ALT-Text kann direkt eingetragen werden.
Katana aktualisiert dabei soweit möglich:
die entsprechenden <img>-Elemente
project.mobirise
das aktuell geladene Mobirise-Projektmodell
die aktuelle Editoransicht
Ein Bild kann auch als rein dekorativ markiert werden.
Dabei wird korrekt:
alt=""
gesetzt.
Ein leerer ALT-Wert wird von Katana nicht mehr als fehlender ALT-Text bewertet.
Bildeditor
Katana enthält einen eigenen umfangreichen Bildeditor.
Mögliche Bearbeitungen sind unter anderem:
freies Zuschneiden
Seitenverhältnis 1:1
4:3
3:2
16:9
9:16
90°-Drehung
freie Drehung
horizontal spiegeln
vertikal spiegeln
Belichtung
Helligkeit
Kontrast
Schwarzpunkt
Weißpunkt
Sättigung
Dynamik
Temperatur
Farbton
Gamma
Schatten
Highlights
Schärfe
Vignettierung
Blur
leichte Rauschminderung
Zusätzlich stehen verschiedene Filter zur Verfügung, zum Beispiel:
Schwarzweiß
Sepia
Warm
Cool
Vivid
Soft
Vintage
Fade
Dramatic
Die Funktion „Vorher / Nachher“ ermöglicht den direkten Vergleich mit dem Original.
Das bearbeitete Bild kann entweder:
auf das bestehende Asset angewendet werden
oder als neue JPG-, PNG- oder WebP-Datei gespeichert werden
Bildoptimierung
Katana kann Bilder optimieren und neu komprimieren.
Dabei wird versucht, die Dateigröße zu reduzieren, ohne unnötig Qualität zu verlieren.
Wenn das optimierte Ergebnis größer wäre als das Original, wird das Original nicht unnötig ersetzt.
Größenanpassung
Große Bilder können automatisch auf eine sinnvollere maximale Breite reduziert werden.
Typischer Anwendungsfall:
Ein Bild besitzt beispielsweise 6000 Pixel Breite, wird auf der Website aber nur mit 800 Pixel angezeigt.
Katana kann solche überdimensionierten Bilder erkennen und eine sinnvollere Größe vorschlagen.
WebP-Konvertierung
Bilder können in WebP konvertiert werden.
Katana versucht anschließend die gefundenen Referenzen im Projekt automatisch auf die neue WebP-Datei umzustellen.
Potenzielle Einsparung
Für große oder überdimensionierte Bilder kann Katana eine geschätzte mögliche Einsparung anzeigen.
Dadurch sieht man schnell, welche Dateien besonders viel Optimierungspotenzial besitzen.
Batch-Verarbeitung
Mehrere Assets können gleichzeitig ausgewählt und bearbeitet werden.
Mögliche Batch-Aktionen sind unter anderem:
Smart Optimize
maximale Breite von 1920 Pixel
WebP-Konvertierung
Umbenennung mit Präfix
Umbenennung mit Suffix
CSV-Export der Auswahl
Bereinigung ausgewählter unbenutzter Assets
Social Image Maker
Aus einem bestehenden Bild können automatisch passende Social-Media-Versionen erstellt werden.
Unterstützte Formate sind unter anderem:
OpenGraph 1200 × 630
Square 1080 × 1080
Story 1080 × 1920
Wide 1200 × 675
Das Originalbild bleibt dabei erhalten.
Favicon Maker
Katana kann aus einem ausgewählten Bild ein vollständiges Favicon-Set erzeugen.
Erstellt werden unter anderem:
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
site.webmanifest
Dabei kann gewählt werden, ob das Logo:
vollständig in das Quadrat eingepasst
oder quadratisch zugeschnitten
werden soll.
Zusätzlich kann ein Hintergrund oder Transparenz gewählt werden.
Katana installiert anschließend automatisch die benötigten Favicon- und Manifest-Verweise in den Mobirise-Seiten.
SVG Toolbox
Für SVG-Dateien stehen zusätzliche Werkzeuge zur Verfügung.
Unter anderem:
SVG-Vorschau
erkannte Farben anzeigen
Farbe ersetzen
SVG optimieren
Kommentare und unnötige Leerzeichen entfernen
SVG-Code in die Zwischenablage kopieren
Fonts
Katana kann Schriftdateien analysieren und anzeigen, ob und wo sie im Projekt verwendet werden.
Dadurch lassen sich möglicherweise nicht mehr benötigte Fonts leichter erkennen.
Video und Audio
Bei Video- und Audiodateien können zusätzliche Informationen angezeigt werden.
Bei Videos beispielsweise:
Dateigröße
Auflösung
Dauer
geschätzte Bitrate
Damit lässt sich zum Beispiel erkennen, ob eine sehr große Videodatei unnötig für einen kleinen Bereich der Website verwendet wird.
Health Score
Katana bewertet den allgemeinen Zustand der Projekt-Assets.
Dabei werden unter anderem berücksichtigt:
defekte Referenzen
fehlende ALT-Attribute
überdimensionierte Bilder
unbenutzte Assets
Duplikate
Dadurch erhält man schnell einen Überblick über den Optimierungszustand des Projekts.
Broken References
Katana sucht nach lokalen Asset-Referenzen, die auf nicht mehr vorhandene Dateien zeigen.
So können beispielsweise gelöschte oder verschobene Bilder gefunden werden, die noch irgendwo im Projekt referenziert werden.
Seitengewicht
Katana kann analysieren, wie viele Assets eine Seite verwendet und wie viel Speicherplatz diese Dateien zusammen benötigen.
Dadurch lassen sich besonders schwere Seiten schneller erkennen.
Katana Center
Das Katana Center fasst die wichtigsten Wartungsfunktionen zusammen.
Dazu gehören unter anderem:
Health Score
Broken References
Gewicht pro Seite
Optimierungspotenzial
Transaktionshistorie
Snapshots
Cleaner
Snapshots
Vor größeren Änderungen kann Katana einen Snapshot wichtiger Projektdateien erstellen.
Damit steht eine zusätzliche Sicherheitsstufe vor umfangreichen Arbeiten zur Verfügung.
Cleaner
Der Cleaner hilft beim Aufräumen des Projekts.
Er kann unter anderem erkennen:
vermutlich unbenutzte Assets
alte Z2C-Berichte
ältere Z2C-Backups
Kritische Löschaktionen erfordern eine Bestätigung.
Backup und Undo
Viele Änderungen werden nicht direkt ohne Sicherung durchgeführt.
Katana erstellt vor wichtigen Dateioperationen Backups im Verzeichnis:
.z2c-assets-backups
Dadurch können Aktionen wie zum Beispiel:
Rename
Move
ALT-Änderungen
Favicon-Installation
Bildbearbeitung
Konvertierungen
bei Bedarf wieder rückgängig gemacht werden.
Integrierte Hilfe
Katana enthält ein integriertes Benutzerhandbuch.
Die Hilfe erklärt nicht nur die Hauptfunktionen, sondern auch die einzelnen Optionen innerhalb der Werkzeuge.
Beispielsweise werden beim Bildeditor die Funktionen von:
Exposure
Contrast
Vibrance
Gamma
Shadows
Highlights
Sharpness
Vignette
Blur
direkt erklärt.
Auch Funktionen wie:
ALT bearbeiten
Favicon erzeugen
WebP
Social Image Maker
SVG
Batch
Katana Center
Cleaner
Undo
werden beschrieben.
Die Hilfe ist auf Deutsch, Englisch und Französisch verfügbar und besitzt zusätzlich eine Suchfunktion.
Sprachen und VN Menü
Z2C Assets Katana unterstützt:
Deutsch
Englisch
Französisch
Deutsch bleibt Standardsprache und Fallback.
Mit VN Menü 4.2 wird auch die Plugin-Kachel automatisch entsprechend der gewählten Sprache übersetzt.
Katana enthält selbst keinen eigenen VN-Menü-Kern mehr.
Dadurch bleibt die Architektur sauber:
VN Menü verwaltet das zentrale Menü und Z2C Assets enthält ausschließlich die Funktionen für Asset-Verwaltung und -Optimierung.
– und habe weiter an Z2C Assets gearbeitet.
