タグ「Apple」が付けられているもの

最近、モバイル環境ではより高速通信が可能な第5世代通信の5Gの話題が聞かれるようになってきましたが、WEBサイトに使われる画像は容量が小さいに越したことはないと思います。

デジカメやスマホのカメラは高画素化が進み解像度が高くなってきているので、WEBに使う際は大抵の場合、画像を縮小・切り抜きをします。

そして、それらの加工した画像をある程度圧縮して保存しますが、圧縮率は固定にしていてどの画像も同じ圧縮率で保存しています。画像ごとに画質を確認しながら圧縮率を変えて保存をすることはあまりありません。

そして、こちらのブログも16年が経ち、ブログの画像の枚数がかなり増えてきて、画像の容量が少し気になってきました。

各エントリーに使われている画像の枚数はそれほど多くないですが、ブログ全体では3000枚弱になっています。

そんな状況なので、一度、全部の画像を再圧縮したいななどと思っていました。

再圧縮の方法としてはPhotoshopのバッチを使って一括変換してしまう方法もありますが、この方法だと圧縮率を予め決めておいて圧縮することになるので画像によっては圧縮されすぎて汚い画像になってしまう可能性があるので避けたいところです。

そして、パンダがイメージキャラクターのTinyPNGは画像ごとに圧縮してくれますが、毎回ブラウザでアクセスしてドラッグ&ドロップしてというのが面倒に感じていました。がTinyPNGにサードパーティ・ソリューションとしてmacOSのAutometerを使ってファインダーで圧縮処理ができるスクリプトがあったので設定をしてみました。

TinyPNG

利用にあたってはTinyPNGにユーザー登録をしてAPI Keyを取得する必要があります。API Keyの取得手順は下記の通りです。

  1. 下記のページにアクセスします。名前とメールアドレスを入力して「Get your API Key」をクリックして登録します。
    https://tinypng.com/developers
    TinyPNG Developer APIの取得
  2. We have sent you an email with a link to your API key!
    登録メールアドレスにAccount pageのリンクが送信されます。TinyPNG Developer APIの取得
  3. 登録したメールアドレスに「Get your Tinify API key」というメールが届きます。そのメールにある「Visit your dashboard」のリンクにアクセスするとAPI Keyが表示されます。
    TinyPNG Developer APIの取得
  4. これでAPI Keyの取得は完了です。

続いてファインダーでパンダ圧縮が使えるようにします。

  1. 下記のページにアクセスして、本文中の「an automator workflow that you can download」のリンクからGitHubにアクセスして「tinypng-for-automator-master.zip」をダウンロードします。
    https://technicalmarketing.guide/blog/how-to-compress-png-files/
    tinypng-for-automator on GItHub
  2. ダウンロードした「tinypng-for-automator-master.zip」を解凍すると「TinyPNG for Automator.workflow」というファイルがあるので。このファイルをダブルクリックします。これでAutomatorにインストールされます。
  3. 圧縮したいファイルを選択して右クリックして、サービスメニューに追加された「TynyPNG for automator」を選択します。圧縮処理後はファイルが圧縮済みのファイルで上書きされるので、オリジナルのファイルを残しておきたい場合はファイルを複製してから圧縮をかけます。
    TynyPNG for automator
  4. 初めて使うときだけ、取得したAPI Keyの入力が求められます。
    TinyPNG for automator
  5. 圧縮が開始されるとメニューバーに作業中のアイコンが表示されます。
    TinyPNG for automator
  6. 圧縮が完了すると「Compress complete!」とアラートが出ます。これで圧縮されたファイルに置き換わります。
    TinyPNG for automator

これで作業は完了,,,。と思いきや、圧縮をかけた画像のいくつかの容量が0KBになってます。

TinyPNG for automator

それらの画像をダブルクリックすると案の定エラーが出て開けません。

TinyPNG for automator

何度か試してみましたが、0KBの画像がいくつか出来てしまいます。10ファイルをまとめて処理すると圧縮が成功するのは50〜70%くらいな感じです。回線の状態によるのか、サーバー側の問題なのか。非常に残念です。

ということで、20ファイル5MB制限に引っかからない場合は、やり直しの手間などを考えるとブラウザーを使ったほうが確実ですね。

無料サービスだから仕方ないですね。有料サービスもあるのでそちらにすればうまくいくのでしょうか。

ちなみに「tinypng-for-automator-master.zip」を使う前は下記ページにあるコードを使ってAutomatorに設定して使ってみましたが、こちらは圧縮処理が動きませんでした。何か設定が間違っていたのかも。
https://technicalmarketing.guide/blog/how-to-compress-png-files/

一応、設定方法が間違っているかもしれませんが、作業工程を残しておきます。

  1. Autometorを起動します。
    Apple Automator
  2. 左下の「新規書類」をクリックします。
    Apple Automator
  3. 「クイックアクション」を選択します。
    Apple Automator
  4. 検索窓に「シェルスクリプトを実行」と入力して検索します。
    Apple Automator
  5. その下に現れた「シェルスクリプトを実行」アイテムを右エリアにドラッグ&ドロップします。
    Apple Automator 「シェルスクリプトを実行」
  6. 各種設定をします。
    • ワークフローが受け取る現在の項目:イメージファイル
    • 検索対象:Finder.app
    • シェル:/bin/bash
    • 入力の引き渡し方法:引数として
    Apple Automator
  7. 下のエリアに表示されたforからdoneを削除します。
    Apple Automator
  8. 下記サイトからコピーしてきたコードをペーストして、コードの中にある「API Key」の部分に、取得したAPI Keyを入力します。
    HOW TO COMPRESS PNG FILES - THREE DIFFERENT SOLUTIONS
    Apple Automator
  9. 任意の名前を付けて保存をすれば、準備は完了です。右クリックのサービスメニューの中に任意でつけた名前が表示されます。
    Apple Automator

有料ですがPhotoshopのプラグインがあるようなので、そちらを使えばネット環境がなくても使えていいかも。

あとConcrete5、Craft CMSなど、一部のCMSにはアドオン(有料)があるようです。

MacBook Proでコピーした内容がiPhoneでペースト出来る

  • 投稿日:
  • by
  • カテゴリ:

iPhoneでクリップボードの内容をペーストしたら思っているものとは違うものがペーストされ、ペーストした内容がMacBook Pro(以下MBP)でコピーしたものでした。

おやっ?と思いテキストエディットに「PowerBook Proでコピーした内容がiPhoneでペースト出来る」と入力して、もう一度MBPでコピーしてみました。

20180815183920_blogpix.png

アドビ Creative Cloud のライセンス認証の解除

  • 投稿日:
  • by
  • カテゴリ:

20170123021631_blogpix.jpg

パソコンを買い替えたのでAdobe製品もインストールするのですが、Adobe製品は1ライセンスでインストールできるのはメインとサブの2台までとなっています。現在はiMacとMacbook Proの2台で認証されているので、iMacのライセンスを解除しました。

ダイソー iPhone 5対応USB充電専用ケーブル

  • 投稿日:
  • by
  • カテゴリ:

20141229153648_blogpix.jpg

最近、ちょっと話題になっていたダイソーのiPhone 5対応USB充電専用ケーブルを買ってみました。ダイソーなので100円/1個(税抜き)です。そのほかにDockコネクター変換アダプタとMicroUSB変換アダプタもあったので購入してみました。

FailVault使ってますか?

  • 投稿日:
  • by
  • カテゴリ:

20140904192824_blogpix.png

システム環境設定の「セキュリティーとプライバシー」を選択すると「FailVault」という項目があります。このFileVaultを使うとMacのハードディスクを暗号化してくれます。

SafariとDashboard

  • 投稿日:
  • by
  • カテゴリ:

20140901200740_blogpix.jpg

Widgetアプリって最近はどうなんでしょうか?ほとんど使うことがなくなってしまいましたね。元々、それほど使ってませんでしたが...。今はスマートホンで代用されることも多くなってますかね。

Apple Store, Omotesando オープン記念Tシャツ

  • 投稿日:
  • by
  • カテゴリ:

2014年6月13日にApple Store, Omotesandoがオープンしました。当日はオープン記念Tシャツが先着5000名に配られるということでもらってきました。表参道に到着したのが12時半頃だったので、実際にもらえるのか不安でしたが無事にゲットしました。実際には13時頃までは大丈夫だったのかな?

Apple Store, Ginzaのオープンの時や、Mac OS X Leopardの発売記念の時はTシャツのサイズがMかLを選べたのですが、今回はサイズは選べずLサイズのTシャツが渡されました。もっと早くくれば選べたのかな?

20140619153911_blogpix.jpg

ライトニング・ケーブルの腐食

  • 投稿日:
  • by
  • カテゴリ:

少し前に話題になりましたが、例に漏れず自分のライトニング・ケーブルも腐食してました。

iPad miniを充電しようとケーブルを指したらアラートが出てしまいました。

20140418160511_blogpix.jpg

this cable or accessory is not certified and may not work reliably with this iPad.

AVCHDを.MOVにRe-wrapしてくれるMedia Converter

  • 投稿日:
  • by
  • カテゴリ:

20131230231452_blogpix.png

Media Converter.appはAVCHDで撮影された動画を.MOV形式にリラップしてくれるソフトです。AVCHD形式の動画はMacだと扱いづらいですよね。

このMedia Converterを使うとAVCHDの動画を.MOVにしてくれるので、動画ファイルのコピーや再生が簡単に出来るようになります。