- リンクを取得
- メール
- 他のアプリ
Page Speed Insigths｜ブログの画像をWebPに変換して軽量化する方法
.webp) |
| Pixabay |
ページスピードインサイト
以前から、Page Speed Insight で自分のWebサイトを調べると、JPEG2000、JPEG XR、WebPなどの画像フォーマットに変換することを推奨されていました。
ずっとブログやサイトの画像はJPEGだったのですが、ページスピードインサイトの評価をちょっとだけ気にしてみようと思い、新しい記事からはJPEGからWebPに変換するようにし始めました。
過去の記事の画像も少しずつ変換しています。
WebPとは
WebPは、「ウェッピー」って読みます。
WebPにすると、PNGやJPEGと比べて20％以上軽くできるそうです。
ただし、古いブラウザでは表示できないこともあるみたい。
WebP / Wikipedia
画像をJPEGからWebPに変換する方法
変換する方法はいろいろありますが、私は、SYNCER（シンカー）さんのサイトを利用させてもらっています。
この方すごくって、いろいろなツールを提供されています。
たくさんの面白いツールがあって、しかもシンプルで使いやすいです。
是非、ご覧になってみてください。
使い方は簡単です。
変換したい画像を左側にアップロードすると、右側にWebPに変換されて生成されます。
それをダウンロードするだけです。
他には、サルワカ道具箱 さんも使いやすくておすすめです。
サルワカさんのサイトもわかりやすい記事が多く以前から活用させてもらってます。
ブログ等の画像をWebPに変換したい人は是非使ってみてくださいね。
◎ 人気記事ランキング トップ 10 （月間）◎
Googleデジタルワークショップ｜Webマーケティングの基礎を学んでみた
Pixabay Googleデジタルワークショップ 2021年3月頃の話ですが、 Googleデジタルワークショップ の試験を受けてみました。 結果、一回目で合格しましたがギリギリの80点でした。 このワークショップの流れはこんな感じです。 動画を見る ↓ 小テストを受ける 動画を見る ↓ 小テストを受ける 動画を見る ↓ 小テストを受ける ↓ 中テストを受ける そしてまた動画を見る ↓ 小テストを受ける ︙ って感じで続きます。 倍速も可能ですが、だいたい40時間くらいかかります。 そうすると最後に大テストを受ける資格を得ます。 デジタルマーケティングの基礎 内容は、主に店舗を持っているオーナーが、ビジネスにインターネットを活用するにあたって身につけておくと役に立つであろう知識やスキルが学べるといった感じのものでした。 しかし、このワークショップが作られた当初とは世の中が大きく変化しています。 なので今後リニューアルする可能性もあるかもしれないと思いました。 この試験が作られたのもだいぶ前で、私が受けた時も既に違和感がありましたし… たまたま暇だったのでなんとなくやってみただけです。 おすすめというわけではないです。 認定証はPDFで発行されます。 Googleの認定 Googleが認定するこういった学習サイトは他にもたくさんあって、今後はGAIQに取り組んでみようと思っています。 グーグルアナリティクスはずっと自己流で使ってきましたが、GAも新しくGA4になったのでこの機会に覚えられたらいいなと思っています。
ログアウトの意味
ログアウト ログアウトという言葉 パソコンに対して苦手意識があると、この言葉を聞くだけで拒絶反応を起こしてしまう人もいるようです。 ログアウトとは ログインとログアウトについてまとめてみようと思ったのですが、初心者目線で素晴らしい説明をしてくれているサイトを見つけたのでそちらを紹介します。 とはサーチ さんです。 初心者目線で細かく説明してくださっています。 初心者の頃のことって忘れがちだと思うんですが、細かいところまで取り上げてくれています。 例えば、ログアウトってなに？って頃は、確かに私もログアウトしたら全部消えちゃうって思ってました。 消えたりしないよって、言ってもらえると安心しますね。 ▶ ログアウトとは何か？スマホ初心者にもわかりやすく解説 すぐログアウトする癖 今では使ったサービスは使い終わったらすぐログアウトする癖があります。 昔は、「サービスを使い終わったらログアウトしてさらにブラウザも閉じる」っていうの常識でしたよね？ 最近は、時間が経てば自動的にログアウトになる場合もありますが、そうでない場合もあります。 以前、新宿のまんが喫茶で時々寝泊まりしていたのですが、パソコンを使おうとすると、前の人がログインしたままってことが何度かありました。 通常では万が一ログアウトし忘れてもスタッフの方が履歴やキャッシュを消してくれるものだと思うんですが、人間だからうっかりしちゃうこともあるんだと思います。 行きつけのカプセルホテルやサウナでタブレットをレンタルした時にも、しょっちゅう前の人がログインしたままになっていました… 一応その旨をスタッフさんに伝えるのですが、きょとんとした様子で危機感ゼロ…なぜ？ 共有のデバイスでログインしたサイトは、使い終わったら必ずログアウトしましょう。 閲覧履歴やCookieも自分で削除するようにしましょう。
Googleアカウント｜アカウントを所有している自覚が…《Androidスマホ》
Googleアカウント YouTubeでコメントしたり、評価ボタンを押したり、チャンネル登録ができている人は、Googleアカウントを持っています。 当然のことですが… アカウントを所有している自覚が… 「 Googleアカウントなんて絶対持ってない！ 」って言いながら、YouTubeでコメントしたり評価ボタン押したりしてる人がいます。私の身近に… 写真もGoogleフォトに保存してて、Gmailでメールもしているのに… 「 絶対、Googleアカウントなんて持ってない！作った覚えない！パスワードなんて知らない！ 」って… なぜかとってもご立腹の様子… ちょっと恐いんですけど… よくよく聞いたら、どうやら大手キャリアでAndroidスマホを契約したときに、スタッフさんにアカウントを作ってもらったことを忘れてしまっているみたいなんですね。 だからGoogleアカウントを持っている自覚がない… そっかぁ、なるほど。。 Googleアカウントを所有しているとできること Googleアカウントを持っているとできることの代表的なものは以下のとおりです。 以下のことができている人はGoogleアカウントを持っています。 Gmailが使える https://www.google.com/intl/ja/gmail/about/ Googleフォトに写真が保存できる https://www.google.com/intl/ja/photos/about/ YouTubeが見れるだけでなくチャンネル登録や評価やコメントができる https://www.youtube.com/ Google Playでアプリがダウンロードできる https://play.google.com/store/apps などなど、他にもたくさんあります。 Googleプロダクト一覧 そもそもAndroidというシステム自体がグーグルのサービスです。 なので、アンドロイドスマホを使っているということは、グーグルアカウントを所有しているということですね。 アカウントを持っていることは、自覚しておいたほうが良いですよね。 なんか、ちょっと心配になっちゃいました。
Pixabay｜画像に出典先へのリンクを付けておく
.webp)
Pixabay Pixabay ブログやサイトではよくPixabayを利用しています。 Pixabay 利用する画像に出典先へのリンクを付ける Pixabayの画像は、必ずしも出典先を明記する必要はありません。 Pixabayでは以下のように表示されています。 使用料は必要ありませんが、画像を使用する際にリンク元を明示していただけると作者の名前が表に出るため幸いです。以下の文章を使うことができます。 このように、できるだけ利用させてもらった画像には出典先へのリンクを付けるようにしています。 それは、自分のためにもなるからなんです。 例えば、万が一、 前回のような出来事 があってその時見逃してしまっていてもリンクが付いていれば改めてチェックするのが楽だったり、次回同じような画像を探したい時に便利だったり、 同じ写真家さんの違う写真を探したい時にも便利だったりするからです。 記事数が大量になってからでは、過去記事を後から一つ一つチェックするのはとても大変な作業になってしまいます。 なので、利用した画像にはできるだけリンクを貼るようにしたいと思っています。
Chromebook（クロームブック）｜今見ている画面をスクショする方法
Chromebookで画面を撮影して保存したい Chromebookで今見ている画面をそのまま画像にして保存したい、という時ってありますよね。 画面を撮影することを、「スクショ（スクリーンショット）」や「画面キャプチャ」といいます。 今見ている画面を撮るには、以下の方法があります。 ① 画面をそのまま撮影して保存する方法 クロームブックで、 「Ctrl キー」 を押しながら 「ウィンドウを表示 キー」 を押します。 「ウィンドウを表示 キー」とは、キーボードの一番上の真ん中あたりにある長方形の隣に２本線がある「□‖」みたいなキーのことです。 そうすると、押したと同時にクリップボードにコピーされます。 フォルダに保存されており、編集することもできます。 ② 画面の一部を撮影する方法 画面全体ではなく、画面の一部分を切り取って保存したい時は、 「Shift キー」 と 「Ctrl キー」 を同時に押しながら、 「ウィンドウを表示 キー」 を押します。 そして、クリック＆ドラッグで範囲を指定します。 撮影したい範囲を選んだら、真ん中の「キャプチャ」を押してください。 戻りたい時は、「✕（閉じる）」をクリックします。 または、画面右下の時刻があるところ（ステータス領域）からスクリーンショットを選んでも同じことができます。 ③ 画面の録画をする方法 画面を録画したい時は、上記と同じでまず 「Shift キー」 と 「Ctrl キー」 を押しながら、 「ウィンドウを表示 キー」 を押します。 そうすると、左側に 「画面録画」 を選択するアイコンがあります。 「画面録画」を選択すると、画面の録画もできます。 参考リンク 以下のリンク先でより詳しく分かります。 クロームブックを使っている人は、是非参考にしてみてください。 参考：画面のスクリーンショットを撮影または録画する。 https://support.google.com/chromebook/answer/10474268 参考：Chromebook のキーボード ショートカット https://support.google.com/chromebook/answer/183101?hl=ja
サーチコンソール｜サイトの表示速度を測る方法《PageSpeed Insights》
PageSpeed Insights Googleの提供する、 PageSpeed Insights（ページスピードインサイト） 調べたいWebサイトのURLを入力するだけで表示速度を調べることができます。 Webページのコンテンツを解析し、ページの読み込み時間を短くするための方法を提案してくれます。 Googleサーチコンソール PageSpeed Insights（ページスピードインサイト）は、Google Search Consoleからも使えます。 サーチコンソール ↓ ウェブに関する主な指標 をクリック モバイルとPCのレポートが表示されます。 Webサイトの表示速度 ページスピードインサイトは、ブログやサイトの表示速度を解析するものです。 Googleは、とくにモバイルページが高速で表示されることを推奨しています。 「AMP(Accelerated Mobile Pages)」（検索エンジンからの高速表示）によって作成されているコンテンツが評価されるようです。 私のブログやサイトのスコアもあまり高くないですが、今のところ 画像をWebPに変換 するくらいで特になにもしていません。 以前ちょっと試しましたが、アドセンス抜くとめっちゃ速くなるってのはわかりました。 でも、それはちょっとさみしいよね…
Pixabay｜ハイクオリティな画像共有サイト『ピクサベイ』
.webp)
Pixabay Pixabay（ピクサベイ） ブログのイメージ画像は、『 Pixabay （ピクサベイ）』で探しています。 Pixabayは海外の画像共有サイトですが、日本語にも対応していて使いやすく、ハイクオリティな素材がたくさんあります。 プロアマ問わず世界中のカメラマンが素敵な画像を共有してくれていて、自分では撮影できないような写真がたくさんあって、見ているだけでも楽しいです。 キーワード検索で画像を探す 例えば、「花」「春」「美しい」「空」「海」「希望」などで検索すると素敵な画像に出会えると思います。 是非、やってみてください。 他には、「遺跡」とかで検索したりもします。 一つ気に入った画像があったら、その画像に付いているリンクを辿っていけば思いがけない作品に出会えたりもします。 写真以外にも、イラストやベクトルグラフィック、映像素材などが提供されています。 注意点 注意点があるとすれば、 前回の記事 で書いたこと以外には、慣れないうちはiStockやShutterstockの広告をPixabayの画像と勘違いしてしまうかもしれないことです。 iStockやShutterstockにはさらにハイクオリティな画像がたくさんありますが、基本的には有料ですので、まずは Pixabay で探してみるのをおすすめします。
サーチコンソールに “ 新しいブログを追加 ” してみた
新しいブログをGoogleサーチコンソールに追加 ブログを新しく作ったので、サーチコンソールに追加しました。 なんか、久しぶりすぎていろいろ忘れてたけど、やってるうちに思い出しました。 Google Search Consoleとは グーグルサーチコンソールとは、通称「サチコ」と言って、主にGoogle検索での検索順位や表示回数、クリック数、検索クエリなどを調べることができるツールです。 Googleによって提供されており、Webサイトを持っている人なら誰でも使うことができます。 Search Console の概要 プロパティに追加する方法 Google Search Consoleを開きます。 Google Search Console 左上のGoogle Search Consoleのすぐ下で▼をクリック ↓ 一番下の 「＋プロパティを追加」 をクリック ↓ プロパティタイプを選択 「ドメイン」or「URLプレフィックス」 ↓ 「所有権を自動確認しました」という表示がでました。 ↓ 完了をクリック ホームに戻ると、追加されていました。 「データを処理しています。1日後にもう一度ご確認ください」とのこと。
Blogger（ブロガー）｜常時表示しておきたい記事は「ページ」で作成
Bloggerの「ページ」 Bloggerの「ページ」とは、投稿とは別に 常に表示しておきたいコンテンツ を作成できる投稿ページのことです。 「ページ」で表示するコンテンツ 「ページ」は、内容をほとんど変更する予定がなく、常に表示しておきたいコンテンツを作成する時に使います。 例えば以下のようなものです。 ブログの概要 すべての記事（サイトマップ） プロフィール（このブログについて） 特定のまとめ記事（リンク集など） お問い合わせ 免責事項 プライバシーポリシー ページの設置場所 「ページ」は、 タイトル下 または サイドバー またはその両方に表示することができます。
