2019/7/7 Tokyo WordPress Meetup July 〜WordPressと写真〜 ツイートまとめ

2019年7月7日(日)に、テンプル大学ジャパンキャンパス 麻布校舎で行われた「Tokyo WordPress Meetup July 〜WordPressと写真〜」のツイートをハッシュタグをついているものを中心にまとめました。
3
ゆっきー/清水由規(しみずゆき) @yukishimizu910

写真の選び方のお話から。 説明するための写真なのか、読む人の心に訴えるための写真なのか。 #tokyowp

2019-07-07 14:11:46
ゆっきー/清水由規(しみずゆき) @yukishimizu910

いっぱい撮影した写真から、どう選ぶかが大切。 1)写真の明るさ、より明るい方の写真を選ぶ。複数の写真を選ぶ際は明度を揃えて。 2)ピントの位置。見せたいものにピントが合っているか。 #tokyowp

2019-07-07 14:12:23
ゆっきー/清水由規(しみずゆき) @yukishimizu910

明度と彩度を最低10%以上アップして、アンシャープを1〜3回かけていた。 #tokyowp

2019-07-07 14:14:26
ゆっきー/清水由規(しみずゆき) @yukishimizu910

アンシャープマスクとは?:シャープネスをコントロールする機能。画像全体や被写体の輪郭を強調させてくっきりと見せる効果がある。Photoshopが出てくる前は印刷屋さんが1枚5000円くらいでやってくれた。 ひえっ、高い…! #tokyowp

2019-07-07 14:21:10
bg @bitgleams

#tokyowp 昔のフィルム写真の時代では、写真のシャープネスをコントロールするアンシャープマスクの処理作業は、1回5,000円くらいかかる作業だった。……うへぇまじですか……。

2019-07-07 14:22:41
ゆっきー/清水由規(しみずゆき) @yukishimizu910

画像ブロックの挙動。ブロックエディタで「100%」とかついたボタンを押してしまってはいけません。widthとheightがimgタグに挿入されてしまうため。imgタグにwidthとheightを設定しないのが推奨されているので、大きさを選択する場合は画像の大きさを選択する方を選びましょう。とのこと。 #tokyowp pic.twitter.com/iuCmmWrbXH

2019-07-07 14:38:43
拡大
ゆっきー/清水由規(しみずゆき) @yukishimizu910

画像サイズいくつくらいにしたらいいか問題。 最近の閲覧状況を考えると、だいたい2000pxくらいを標準とするとよさそう。 -- フルHDが1920×1080だから、それくらいかなー #tokyowp

2019-07-07 14:50:03
ゆっきー/清水由規(しみずゆき) @yukishimizu910

WordPressに登録する元の画像サイズをいくつくらいにしたらいいか問題、の方が正しいですね。

2019-07-08 10:10:05
ゆっきー/清水由規(しみずゆき) @yukishimizu910

Googleのガイドラインでは、ファイル名でも画像内容を簡潔に説明するものにするように推奨されている。WordPressに一度画像を登録してしまうとファイル名変更ができないので、アップロード前に変更しておく必要がある。 #tokyowp

2019-07-07 14:57:43
ゆっきー/清水由規(しみずゆき) @yukishimizu910

メディアファイル名を書き換えられない問題、このプラグインを使うと書き換えられるようになる。有料版と無料版あり。 ja.wordpress.org/plugins/media-…

2019-07-07 15:09:01
Toru @waviaei

Regenerate Thumbnails プラグインの作者が亡くなり、Automattic が彼のGitHubのレポジトリをフォークして、コミュニティでメンテされていくことのアナウンス→ developer.wordpress.com/2019/06/06/tak… #tokyowp

2019-07-07 15:09:04
ゆっきー/清水由規(しみずゆき) @yukishimizu910

Q.画像の最適化をどのようにすればいいか? A.画像を最適化するプラグインを入れろ、CDNを入れろ、という回答が多い。 ---- CDNはグローバル企業などサーバーとユーザーの物理的距離が遠いところなら良さげだと思うけれど、国内とか近距離だとそこまでなのかなと思ったり🤔 #tokyowp

2019-07-07 15:16:57
Toru @waviaei

@yukishimizu910 わかりやすいので物理的距離を一例に出しましたが、高画質な写真をたくさん使うサイトであれば(様々な技術的要因で)画像の配信がボトルネックの一つになりやすいので、国内でもやはりCDN配信は検討すべききことかと思います。

2019-07-07 15:26:52
Toru @waviaei

@yukishimizu910 あと、Responsive Images や.webp対応まで含めると、手作業ではやってられないので、API経由で画像専用のCDNサービスを使うというとこに行き着きます。「お金」というコストがかかりますが…😅

2019-07-07 15:28:28
ゆっきー/清水由規(しみずゆき) @yukishimizu910

@waviaei なるほど!解説ありがとうございます! 写真の画質や枚数などの規模感とコストとのバランスを踏まえて検討していくのがよさそうですね。

2019-07-07 15:33:48
ゆっきー/清水由規(しみずゆき) @yukishimizu910

ECサイトは圧倒的にpngの方が良い(jpgでは再現できない色がある) #tokyowp

2019-07-07 15:18:21
Toru @waviaei

ギャラリー系のブロックで以前紹介したことがあるのは ja.wordpress.org/plugins/block-… #tokyowp

2019-07-07 15:31:06
ゆっきー/清水由規(しみずゆき) @yukishimizu910

Q.写真の枚数、15枚とか大丈夫か?の判断は? A.1回全部あげてみて、ブラウザから完全htmlをダウンロードorブラウザの開発者ツール→ネットワークを開いてスーパーリロードすると通信した容量がわかる。ので、1MBなのか500KBなのか目安の容量を目指してみると良いかも。 #tokyowp

2019-07-07 15:47:37
Shinya B @shinyabw

ふー。WP Meetup のWoedPress と写真、ぶじに終了しました。みなさまありがとうございましました。普段気になってしょうがない事柄をみんさんと共有できて幸せでした。振り返りツイートしていこうと思います。#tokyowp shinyab.com/ja/archives/12…

2019-07-07 22:21:27
Shinya B @shinyabw

WordPress と写真 登壇者   シンヤB 写真家/アーティスト/教育者 Shusei Toda(戸田秀成) コミュニケーション・デザイナー/コンテンツ・クリエーター/フォトグラファー 鳥山優子 テーマ・プラグイン作者/写真家 mimi(西岡由美) WEBデザイナー #おつかれさまでした #tokyowp

2019-07-07 22:26:31
Shinya B @shinyabw

WP&写真。今回のミートアップでは「写真」から WordPress を見てみることにしてみました。「写真の立場からの WordPress」です。いままで WordPress は出版ツールとしてはもちろんのこと、SEOなどの観点からリサーチや議論がされてきましたが、「写真の立場から」の議論はありませんでした。 #tokyowp

2019-07-07 22:29:53