【WordPress】URL アドレスで画像の大きさ (厳密には解像度?) を調整する

別に知らなくても記事を書くことは可能ですが、知らないよりは知っていたほうがいいかな、といった程度の内容です。

 

WordPress にアップロードした画像は、URL の後ろに「?w=200」等を追加することで、表示される画像の大きさ (解像度?) を変更することができます。

例えば、以下の画像を

テキストモードで見ると以下のような感じですが、

<img src="https://comemo508.files.wordpress.com/2015/03/a0001_007752_m.jpg" />

例えば、以下のように画像の URL の後ろに「?w=50」を追加すると

<img src="https://comemo508.files.wordpress.com/2015/03/a0001_007752_m.jpg?w=50" />

以下のように小さくなります。

私の理解ですと、この作業等をビジュアルモードで行えるようにしているのが、以下の機能です。

2015-03-11 at 11.51

comemoarrow

2015-03-11 at 11.51

実際には CSS のクラスの定義や HTML でのサイズ指定 (ie8 対応?) なども合わせて行われているとの理解です。

詳しくは以下の記事で解説されています。他にもいろんなことができるようです。

Photon API | Developer Resources
Photon API | Developer Resources
!

日本語の解説記事を見つけました。

Photon API を使って WordPress で画像処理 | プログラミング生放送|2013-04-03

 

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。