Ich versuche ständig, meinen lokalen Bildworkflow zu vereinfachen. Ich arbeite mit Bildern für Blogbeiträge, Bildern für Websites, an denen ich arbeite, Bildern für soziale Medien... Bilder überall. Fast immer für das Web bestimmt. Wenn uns eines über Bilder und das Web gelehrt wird, dann, dass sie optimiert sein sollten.
Für mich bedeutet das, jedes einzelne Bild vor der Verwendung auf ImageOptim zu ziehen. Monotone, sich wiederholende Aufgaben sind fruchtbarer Boden für die Automatisierung, also lass uns das automatisieren.
Der Desktop ist mein Staging-Bereich
So arbeite ich einfach. Dinge, die ich gerade benutze, kommen auf den Desktop. Ich mache damit, was ich tun muss, und verschiebe sie dann weg. Ich halte ihn ziemlich ordentlich. Bilder sind eines der häufigsten Dinge, die dort landen. Vielleicht ist es ein Screenshot, der verkleinert, dann optimiert, dann irgendwo hochgeladen und dann gelöscht werden muss.
Der Desktop ist für mich ein praktischer Ort, an dem all das geschehen kann.
Jedes Bild auf dem Desktop automatisch optimieren
Was wäre, wenn wir Bilder nicht optimieren müssten, weil jedes Bild, das sich auf dem Desktop befand, automatisch optimiert wurde? Das ist es, was wir hier anstreben.
Ein Weg, dies anzugehen, wäre, eine Grunt/Gulp/Webpack/Whatever watch-Aufgabe einzurichten, um den Desktop zu überwachen. Wenn dann eine Bilddatei dort erscheint, wird eine Bildoptimierungsaufgabe ausgeführt. Viele von uns tun dies wahrscheinlich bereits mit den Webprojekten, an denen wir arbeiten. Dies wäre nicht viel anders.
Außer... dass wir gulp watch (oder was auch immer) jedes Mal von der Befehlszeile aus starten müssten, wenn wir neu starten. Ich wette, es gibt ein paar Tricks, um das zu vermeiden. Wie das Einfügen des Befehls in `~/.bash_profile` oder so etwas. Ich bin diesen Weg aber nicht gegangen, weil...
Hazel tritt auf den Plan
Einige Empfehlungen von Leuten haben mich auf Hazel aufmerksam gemacht. Es ist im Grunde eine Watch-Task für macOS, mit einer Benutzeroberfläche, um all die Dinge einzurichten, die es tun soll. Zum Beispiel können Sie Ihren Download-Ordner überwachen, und wenn der Dateityp ein Film ist, können Sie ihn automatisch in den Ordner "Filme" verschieben. Cool.
Das macht das, was wir tun wollen, ganz einfach. Wir überwachen den Desktop-Ordner und wenn die Art der Datei ein Bild ist, öffnen wir es in ImageOptim.
Einfach, in der Tat
Das ist eine ziemlich einfache und offensichtliche Sache, die ich schon vor Jahren hätte tun können. Deshalb blogge ich darüber, nehme ich an. Es ist eine einfache Sache, die mir sehr geholfen hat und Ihnen vielleicht auch helfen wird. Am wichtigsten ist, dass ich mich tatsächlich daran gehalten habe. Manchmal probiere ich eine Workflow-Optimierung aus und sie funktioniert nicht. Diese hier schon.
Das hat mich inspiriert, es auf dem Bash-Profil-Weg zu machen.
Fügen Sie diese Funktion in Ihr Bash-Profil ein und führen Sie sie entweder innerhalb eines Verzeichnisses als "optimize" aus oder geben Sie ein Verzeichnis an, und es wird das Verzeichnis dupliziert und das Ergebnis optimiert, z.B. "optimize my-dir".
Guter Artikel, Chris.
Vergessen zu erwähnen, dass dafür ImageOptim installiert sein muss.
Ich habe das gestern zu meinem bash_profile hinzugefügt, und ich habe es bereits mindestens ein Dutzend Mal benutzt.
Sie könnten auch den eigenen Automator von macOS und dessen Ordneraktionen verwenden.
Oder Sie können das alles lokal mit https://github.com/toy/image_optim erledigen.
Sie können die gesamte lokale Bildoptimierung überspringen, indem Sie die Bilder auf Sirv hosten. Laden Sie Ihre Originalbilder hoch, und sie können sofort in jeder Größe mit beliebigen Optimierungseinstellungen geliefert werden, indem Sie Optionen an die URL anhängen. Diese Demo zeigt die Optionen.
https://sirv.com/demos/dynamic-imaging/
Es kann Bilder über ein CDN liefern und liefert automatisch WebP, wenn möglich, und Retina, wenn möglich. Es gibt einen kostenlosen Plan und eine Reihe von kostenpflichtigen Plänen, je nachdem, wie viel Speicherplatz Sie benötigen. (Ich bin einer der Entwickler von Sirv).
Hallo Chris, tolle Tipps. Ich versuche auch, meinen Desktop sauber zu halten, wenn ich Bilder bearbeite. Ich habe sogar die Bumptop-App ausprobiert, um ihn zu organisieren, aber weniger Unordnung ist immer besser für die Arbeit mit Bildern. Danke für die Hilfe.
Ich verwende denselben Ansatz mit Hazel.
Aber ich lege meine Bilder in den Dropbox "Public" Ordner. Das erlaubt mir, direkte Links zum Teilen zu erstellen.
Wenn jemand interessiert ist, kann ich mein Setup teilen.
Das Problem bei der Bildoptimierung ist, dass die wirklich großen Gewinne aus verlustbehafteten Optimierungen stammen, wie man sie von ImageAlpha bekommt, aber die Entscheidung, welcher Grad an Verlust akzeptabel ist, ist ein wirklich schwer zu automatisierendes Problem, aber für einen Menschen sehr einfach.
Vielen Dank dafür, Chris: Ich habe schon lange nach etwas so einfachem wie Hazel gesucht. Die Kombination einer Variation dessen, was Sie hier vorgeschlagen haben, mit Hazels SFTP-Upload-Aktion hat meinen Bildworkflow dramatisch verbessert.