最強のメディア専用CDN cloudinary、その凄さと使い方をひたすら伝える回
最強のメディア用CDN,Cloudinary!その凄さをお伝えするぜ!
あまりに凄すぎてちびるなよぉ!?という記事だぜ!
WEBサイトの作成者・運用者向けに書いていますだぜ!
画像が重くてサイトが遅いなぁというそこのあなた!cloudinaryを使うのです!
何が言いたいのか
Cloudinaryすごい!Cloudinary使って!!!と言いたいです。
画像と動画の配信はもうこれだけ使ってればいいよ、が結論です。
Cloudinaryとは
Cloudinaryは、カリフォルニア州サンタクララに本社を置き、イスラエルにオフィスを構えるSaaSテクノロジー企業です。同社は、クラウドベースの画像およびビデオ管理サービスを提供しています。これにより、ユーザーは、ウェブサイトやアプリの画像や動画をアップロード、保存、管理、操作、配信できます。
https://en.wikipedia.org/wiki/Cloudinary
Cloudinaryとは、最強のメディアCDNです。特に設定をしなくてもめちゃくちゃパフォーマンスが高いし、最適化するともっと凄い。更にURLを指定するだけで簡単に使えちゃうのに無料範囲が結構広いという言うことなしのCDNです。画像も動画もなんでもござれの器用裕福です。有名企業も結構使ってます。
Cloudinaryのヤバさ
Cloudinaryの何がヤバイって、ちょっとした設定でメディアのフォーマットやクオリティなどを勝手に最適化してくれるところです。
画像:jpgを一つアップするだけで、webpなどの形式に勝手に変換。配信時にブラウザを読み取って最適なフォーマットで提供してくれます。
動画:勝手にストリーミング配信。超凄い。
もう凄すぎて、画像の配信元をこれにするだけでPageSpeed insightsのスコアが10以上上がるんじゃないかってレベルです。
値段
いい感じ!
細かく書くのめんどくさいから書かないけど、たいていの個人運営サイトならしっかり無料で使えます!
使い方
Cloudinaryから発行されるURLに、「f_auto,q_auto」を付け加えるだけで勝手に最適化してくれます。
アカウント登録して画像をアップ、あとはURLを好きなようにいじるだけです。
https://res.cloudinary.com/dw0dpyzic/image/upload/v1586080433/-1.jpg
とあったら、
https://res.cloudinary.com/dw0dpyzic/image/upload/f_auto,q_auto/v1586080433/-1.jpg
とするだけです。動画も同じように指定するだけでOKです!
srcsetなどを使っている場合は横幅も指定してもいいでしょう。
https://res.cloudinary.com/dw0dpyzic/image/upload/f_auto,q_auto,w_500/v1586080433/-1.jpg
とすれば、横500pxに勝手に調整してくれます。凄い!
他にも、人を検知して自動で切り抜いたり、丸い形に整形してみたり...なんでもありです。
更に更に、なんとAPIまで完備しているそうです(使ったことはないです)。
使い方WordPress編
こんな凄いCDN,WordPressでも使いたい!ってなりますよね?
安心してください、公式が配信してるプラグインがあります!
使い方は簡単、インストールして、有効かして、WordPressに追加されるCloudinaryの「Connect」ページにAPI Environment variableの値を入れる、これだけです!
たったそれだけで、あとは勝手にプラグインが最適化してくれます。
URLを張り替えたり、使ってる関数を変更したりなどは一切ありません!
すばらしいですね。
URLを少し変えるだけで勝手にメディアを最適化してくれる最強CDN、Cloudinary!
きっと最高のコスパであなたのサイトを助けてくれることでしょう。
是非お試しあれ!