# ideaman's Blog

フロントエンド高速化・画像軽量化で「Webフィットネス」を推進するアイデアマンズの技術ブログ

279件。最終更新 2026-08-14。

以下は概要の一覧です。関連しそうなものを選び、各行のリンク先を読んでください。

## 2026年4月

- [表示速度ボトルネックの「実例研究」ブログを始めました](/v1/k/blog/docs/2026/04/sitespeed-vigilante-blog.md) — 実在するサイトを題材にフロントエンドのボトルネックを掘り下げる研究ブログを始めました。サイボウズ式トップページでは Lighthouse スコアが72から100になりました。
  2026-04-19
- [画像最適化無料診断に「画像配信効率」と「次世代フォーマット採用率」を追加](/v1/k/blog/docs/2026/04/lightfile-simulator-new-feature.md) — 画像最適化無料診断に「画像配信効率」と「次世代フォーマット採用率」を追加しました。ECサイト画像白書2026の調査データに基づく5段階評価で位置づけがわかります。
  2026-04-03
- [通販サイトの「添え言葉」を集めるブログを始めました](/v1/k/blog/docs/2026/04/assist-words-blog.md) — 通販サイトで見かける気の利いたひと言「添え言葉」を集めるブログを始めました。なぜ「マイクロコピー」ではなくこの呼び方にしたのか、実例とあわせて紹介します。
  2026-04-02
- [「サイトスピード クロニクル」を「振り返り・競合比較」にリブランディング](/v1/k/blog/docs/2026/04/sitespeed-lookback.md) — 「サイトスピード クロニクル」を「サイトスピード 振り返り・競合比較」にリブランディングしました。AIレビュー、スライド／PDF出力、カスタムレポートを追加しています。
  2026-04-01

## 2026年3月

- [Ranklet4の新機能 - JSON API / デザインギャラリー / AIレビュー / ビルボード](/v1/k/blog/docs/2026/03/ranklet4-new-features.md) — GA4連携のランキングウィジェット Ranklet4 に、JSON API とデザインギャラリーを追加しました。既存のAIレビューとビルボード機能とあわせて紹介します。
  2026-03-27

## 2025年10月

- [月報 2025年9月](/v1/k/blog/docs/2025/10/202509.md) — 2025年9月の月報です。Claude Code と OpenAI Codex の二刀流、さくらのクラウドへの移行によるコスト削減、Fumadocs と Coolify への注目などを報告します。
  2025-10-01

## 2025年9月

- [月報 2025年7月・8月](/v1/k/blog/docs/2025/09/20250708.md) — 2025年7月・8月の月報です。コーポレートサイトとブログのリニューアル、無料サービス LightFile Self の公開、初のChrome拡張機能のリリースなどを報告します。
  2025-09-03

## 2025年8月

- [無料サービス「LightFile Self」をリリース](/v1/k/blog/docs/2025/08/lightfile-self.md) — 無料の画像最適化サービス「LightFile Self」を公開しました。ZIPをアップロードするだけで、1ファイルずつ最適な圧縮率を判定し、画質を保ったまま容量を削減します。
  2025-08-22

## 2025年7月

- [月報 2025年6月](/v1/k/blog/docs/2025/06/202506.md) — 2025年6月の月報です。AI時代のソフトウェアアーキテクチャと開発、この1ヶ月で公開したオープンソースプロジェクトなどを報告します。
  2025-07-01

## 2025年5月

- [月報 2025年5月](/v1/k/blog/docs/2025/05/202505.md) — 2025年5月の月報です。サイトスピードと収益性の新しい見積もりモデル、MacBook Pro でのローカルLLM、ブログのデザインリニューアルなどを報告します。
  2025-05-31
- [月報 2025年4月](/v1/k/blog/docs/2025/05/202504.md) — 2025年4月の月報です。「通販サイトスピード改善、結局いくら儲かる？」無料診断の開始、WebのAIフィールドワーク、アクセスランキング採用率の調査などを報告します。
  2025-05-01

## 2025年4月

- [「通販サイトスピード改善、結局いくら儲かる？」無料診断](/v1/k/blog/docs/2025/04/sitespeed-potenrial-free-session.md) — 通販サイトのスピード改善で実際いくら儲かるのかを短期集中の解析で示す無料診断です。改善率5%・10%・20%それぞれの収益増を、売上予測モデルで試算します。
  `cvr` `performance` / 2025-04-07
- [月報 2025年3月](/v1/k/blog/docs/2025/04/202503.md) — 2025年3月の月報です。LightFile の利用データをBigQueryへ移行したデータ基盤の整備、高速な通販サイトの設計と実装、通販サイトの横断調査などを報告します。
  `journal` / 2025-04-03

## 2025年3月

- [月報 2025年2月](/v1/k/blog/docs/2025/03/-20252.md) — 2025年2月の月報です。Go言語製のファイルクリーニングツールの公開、WebP変換の適切なタイミングの検討、ディープラーニングG検定の受験などを報告します。
  `journal` / 2025-03-04

## 2025年2月

- [月報2025年1月](/v1/k/blog/docs/2025/02/202501.md) — 2025年1月の月報です。Figma や Photoshop の拡張機能開発の調査、デジタル赤字の縮小に向けた画像軽量化、UIプロトタイプ開発などを報告します。
  `journal` / 2025-02-06

## 2024年12月

- [月報2024年12月](/v1/k/blog/docs/2024/12/202412.md) — 2024年12月の月報です。Ranklet4 へのAIレビュー機能の追加、サイトスピード指標と対数正規分布の考察、INP の詳細な計測と改善提案などを報告します。
  `journal` / 2024-12-31
- [月報 2024年11月](/v1/k/blog/docs/2024/12/-202411.md) — 2024年11月の月報です。MTDDC Meetup TOKYO 2024 への登壇とスポンサード、Core Web Vitals の実践的な改善術、AI活用アドバイザリーなどを報告します。
  `journal` / 2024-12-03

## 2024年10月

- [月報 2024年10月](/v1/k/blog/docs/2024/10/-202410.md) — 2024年10月の月報です。プログラムで描くロゴマークのアルゴリズム刷新、Dify の活用、サイトスピードと収益性の関係についての整理などを報告します。
  `journal` / 2024-10-31

## 2024年9月

- [月報 2024年9月](/v1/k/blog/docs/2024/09/202409.md) — 2024年9月の月報です。第19期の終了、日経クロストレンドでの対談記事、LightFile Proxy 利用ガイドの刷新、loadshow のオープンソース公開などをお伝えします。
  `journal` / 2024-09-30
- [日経クロストレンドでRepro社との対談記事が公開](/v1/k/blog/docs/2024/09/repro-xtrend.md) — 日経クロストレンドで Repro 社との対談記事が公開されました。遅いサイトはなぜ悪目立ちするのか、表示速度とSEO・CVRの関係について話しています。
  `pr` / 2024-09-20

## 2024年8月

- [月報 2024年8月](/v1/k/blog/docs/2024/08/202408.md) — 2024年8月の月報です。ページスピード改善リハーサルの内部ツール刷新、CDKとAnsibleによるAWS環境構築、AI活用顧問やスピーチ研修などの活動を報告します。
  `journal` / 2024-08-31

## 2023年3月

- [プレゼン原稿作成が楽になる！AIの力で話し上手に](/v1/k/blog/docs/2023/03/presentation-gpt.md) — プレゼンの原稿づくりをAIに任せてみました。原稿なしで話した録音を文字起こしし、ChatGPTで整える手順です。実際に話が上手くなったのかも報告します。
  `tech` / 2023-03-15

## 2022年8月

- [WebP時代を全自動で先取りする PHPWebP Concept をオープンソースとして公開](/v1/k/blog/docs/2022/08/phpwebp-concept.md) — 既存のサイトに置くだけで WebP 対応を自動化する PHPWebP Concept をオープンソースで公開しました。95%以上のブラウザが WebP に対応した今の状況もあわせて説明します。
  `webp` / 2022-08-17

## 2022年5月

- [通販主要80サイトのスピード研究「本当に速いECサイトはどこ？」(スマホ編)](/v1/k/blog/docs/2022/05/ec-80-sites-speed.md) — 通販主要80サイトのスマホでの実感スピードを調べました。総合トップ20とワースト20、LCPやFIDといった部門別の順位も公開しています。
  `cvr` `core-web-vitals` `performance` / 2022-05-25

## 2022年4月

- [Webの速度と収益の関係がこれで明らかに！目的特化型の無料アクセス解析 Speed Is Money リリース](/v1/k/blog/docs/2022/04/speedismonay.md) — 表示速度と収益の関係を明らかにする無料アクセス解析「Speed Is Money」を公開しました。利用者ごとの体感速度を計測し、直帰やPVの機会損失を数字で示します。
  `cvr` `core-web-vitals` `performance` / 2022-04-18

## 2021年6月

- [SEOにも配慮したHTML遅延読み込み Hybrid Include で Core Web Vitals を改善する試み](/v1/k/blog/docs/2021/06/hybrid-include.md) — HTMLの遅延読み込み「Hybrid Include」で Core Web Vitals を改善する試みです。HTMLが大きいとレイアウト計算が繰り返し発生する点に着目しています。
  `core-web-vitals` `pagespeed-insights` `seo` `performance` / 2021-06-16
- [Lighthouse 8.0.0でPageSpeed Insightsの配点が変わりました](/v1/k/blog/docs/2021/06/pagespeed-score-allocation-2021-06.md) — PageSpeed Insights の配点が変わりました。採点エンジンが Lighthouse 8.0.0 になり、6つの指標の重みが Core Web Vitals との相関を強める方向に調整されています。
  `core-web-vitals` `pagespeed-insights` `performance` / 2021-06-04

## 2021年4月

- [Macの標準機能だけでPDFに押印する方法](/v1/k/blog/docs/2021/04/mac-pdf-stamp.md) — Mac の標準機能だけでPDFに押印する方法です。プレビューアプリの「署名」機能を使い、紙に押した印影を取り込んで貼り付けます。追加のソフトは要りません。
  `tech` / 2021-04-02

## 2021年2月

- [透過=即PNGはもう古い。写真っぽい透過PNGを劇的に軽量化する無料ツールと3つのテクニック](/v1/k/blog/docs/2021/02/png-alpha-saving.md) — 透過が必要ならPNG、という判断はもう古いという話です。写真のような透過画像を劇的に軽くする3つの手法と、無料で試せるツールを紹介します。
  `core-web-vitals` `webp` `web-imaging` `performance` / 2021-02-26
- [Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ！](/v1/k/blog/docs/2021/02/web-vitals-and-cvr.md) — このブログで計測した Core Web Vitals とコンバージョン率の関係を公開します。表示が遅いとコンバージョン率が下がるという通説を、自社の実データで確かめました。
  `core-web-vitals` `pagespeed-insights` `seo` `performance` / 2021-02-04

## 2020年12月

- [さくらのVPSで黒い画面を使わずあっという間に自分専用VPNを立ち上げ固定IPを手に入れる方法](/v1/k/blog/docs/2020/12/sakura-vps-startup-script-vpn.md) — さくらのVPSのスタートアップスクリプトを使い、コマンドを打たずに自分専用のVPNサーバーを立てる手順です。在宅でも固定IPが必要な作業に使えます。
  `tech` / 2020-12-18
- [PageSpeed InsightsとCore Web Vitals 〜 スコアより大事なフィールドデータの見方](/v1/k/blog/docs/2020/12/pagespeed-insight-core-web-vitals-field-data.md) — PageSpeed Insights ではスコアよりフィールドデータを見るべきです。実際の利用者の体験そのものであり、Core Web Vitals の評価もここで決まります。読み方を説明します。
  `core-web-vitals` `pagespeed-insights` / 2020-12-10

## 2020年10月

- [Core Web Vitalsの推移をひと目でチェック！ Googleデータポータル無料レポートを公開](/v1/k/blog/docs/2020/10/web-vitals-history-report.md) — Core Web Vitals の推移を時系列で見られる Googleデータポータルのレポートを公開しました。期間とデバイスで絞り込め、改善の効果を追いかけられます。
  `core-web-vitals` / 2020-10-04
- [「画像できるだけ軽くして！」曖昧な指示はもうやめよう・具体的な基準のために統計的に考える画像の軽さ](/v1/k/blog/docs/2020/10/web-image-fitness.md) — 「画像をできるだけ軽くして」という曖昧な指示をやめるための基準を提案します。日本の上位500サイト約70万画像を調べ、100×100ピクセルあたりの重さで測る方法です。
  `webp` `web-imaging` `lightfile` / 2020-10-02

## 2020年9月

- [Core Web Vitalsを意識したスライダーのライブラリ選定と指標改善のためのチューニング](/v1/k/blog/docs/2020/09/slider-core-web-vitals.md) — スライダー（カルーセル）のライブラリを Core Web Vitals の観点で比較しました。特にCLSが大きく悪化しやすく、選び方とチューニングの勘所を実測値で示します。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `performance` / 2020-09-10

## 2020年8月

- [【保存版】知らないと画質が落ちるWebP変換おすすめパラメーター設定例 JPEG/PNG編](/v1/k/blog/docs/2020/08/webp-params-2020.md) — JPEGやPNGを WebP に変換するときの推奨パラメーター設定をまとめました。既定のまま使うと画質が落ちることがあります。形式別に、まず何を指定すべきかを示します。
  `webp` / 2020-08-05

## 2020年7月

- [WebP変換を乗りこなそう！ WebPパラメーターナビを公開。cwebpコマンドのパラメーターの効果を視覚的に比較](/v1/k/blog/docs/2020/07/webp-params-nav.md) — cwebp コマンドの各パラメーターがWebP変換にどう効くかを、視覚的に比較できる「WebPパラメーターナビ」を公開しました。画質とファイルサイズを並べて確認できます。
  `webp` / 2020-07-31
- [公開前のサイトを PageSpeed Insights で計測するApache設定](/v1/k/blog/docs/2020/07/pagespeed-closed.md) — 基本認証やIP制限がかかった公開前サイトでも PageSpeed Insights で計測する方法です。計測元のアクセスだけを通す .htaccess の書き方を紹介します。
  `pagespeed-insights` / 2020-07-18
- [iOS 14 ベータでWebP対応を確認。picture要素やAcceptヘッダは今まで通りか](/v1/k/blog/docs/2020/07/ios14-webp-picture-accept.md) — iOS 14 パブリックベータで Safari の WebP 対応を確認しました。picture 要素と Accept ヘッダによる出し分けが、これまで通り機能するかも検証しています。
  `webp` / 2020-07-10

## 2020年6月

- [WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし](/v1/k/blog/docs/2020/06/safari14-webp.md) — Safari 14 で iPhone もついに WebP に対応します。長く続いた次世代画像フォーマットの競争に区切りがつき、導入が加速すると見られる理由を説明します。
  `webp` / 2020-06-24
- [Core Web Vitals (コアウェブバイタル) 競合調査の手順を紹介・無料のデータポータルでプログラミングも不要](/v1/k/blog/docs/2020/06/core-web-vitals-datastudio-reporting.md) — Core Web Vitals で競合を調べる手順を紹介します。データポータルと Chrome UX Report を使えばプログラミングは不要で、他社の数値も見られます。
  `cvr` `core-web-vitals` `seo` / 2020-06-22
- [Core Web Vitalsは検索順位にもう影響？ 検索順位が上がった生のSEOケーススタディ](/v1/k/blog/docs/2020/06/web-vitals-seo.md) — このブログで特別なSEO施策をしていないのに、アクセスが週3,000から4,500ユーザーへ増えました。同時期に変わったのは Core Web Vitals だけだった、という記録です。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `seo` / 2020-06-11
- [無料ツール「PageSpeed Insights 試験対策」をリリースしました](/v1/k/blog/docs/2020/06/cheatspeed-insights.md) — PageSpeed Insights のレポート通りに直しても点数が上がらないのはなぜか。配点の仕組みと本当の弱点がわかる無料ツール「PageSpeed Insights 試験対策」を公開しました。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `seo` / 2020-06-01

## 2020年5月

- [Lighthouse 6.0.0リリース！モバイルスコアは半数のサイトが低下しPCでは激減の可能性](/v1/k/blog/docs/2020/05/lighthouse-6-release.md) — Lighthouse 6.0.0 が正式リリースされました。モバイルは半数のサイトでスコアが低下し、デスクトップは大きく下がる可能性があります。採点ロジックの変更点をまとめます。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `seo` / 2020-05-22
- [大胆な人気記事ランキングファーストでブログの回遊率UP！ ネタフルがRankletを記事より上に表示する理由](/v1/k/blog/docs/2020/05/netaful-ranklet.md) — 有名ブログ「ネタフル」が、記事本文より上に人気記事ランキングを表示している理由を伺いました。3年以上続けている理由と、回遊率への効果について語っていただきます。
  `cvr` `case-study` `ranklet` / 2020-05-13
- [ドクター・キャピタル Dr. Capital風背景メーカーで楽しいZOOMライフ！](/v1/k/blog/docs/2020/05/dr-capital-maker.md) — ZOOM の背景画像を、関西弁でJ-POPを語る音楽教授 Dr. Capital 風に作れるツールを公開しました。作った経緯と使い方を紹介します。
  `tech` / 2020-05-01

## 2020年4月

- [検証 Web画像のファイルサイズは画素数にほぼ比例する](/v1/k/blog/docs/2020/04/web-3.md) — Web画像のファイルサイズは画素数にほぼ比例するのか、JPEGとPNGで検証しました。同じ内容・同じ品質という前提で、実際にどこまで比例するのかを確かめます。
  `web-imaging` `reports` / 2020-04-10

## 2020年3月

- [PageSpeed Insightsのスコア大変動か？ Lighthouse 6 で変わる採点ルールを先取りチェック！](/v1/k/blog/docs/2020/03/pagespeed-lighthouse-6-draft.md) — Lighthouse 6 で採点ルールが変わります。FMPからLCPへ、First CPU Idle から TBT へ、そしてCLSの追加。Amazon のスコアは約20点下がる見込みです。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `seo` / 2020-03-19

## 2020年1月

- [【事例紹介】スポーツ用品のミズノ様 Webの画像を 計-41% 軽量化 LightFileボットの導入で](/v1/k/blog/docs/2020/01/mizuno-lightfile-case-study.md) — スポーツ用品のミズノ様の事例です。LightFileボットの導入で画像データを41%削減しました。導入前の課題と、運用の手間についての担当者の声を紹介します。
  `case-study` `lightfile` / 2020-01-09

## 2019年11月

- [MTDDC Meetup 2019でPageSpeedスコアの話をします](/v1/k/blog/docs/2019/11/mtddc-meetup-2019.md) — Webクリエイターの祭典 MTDDC Meetup TOKYO 2019 に登壇し、PageSpeed スコアについてお話しします。今年のメインテーマは AI/IoT です。
  `lighthouse` `pagespeed-insights` `event` / 2019-11-06
- [SearchConsoleに「速度」レポートが出現！](/v1/k/blog/docs/2019/11/pagespeed-in-searchconsole.md) — Search Console に「速度（試験運用版）」レポートが追加されました。低速・中速・高速の判定基準と、低速から抜け出すのがなぜ大変なのかを説明します。
  `core-web-vitals` `lighthouse` `pagespeed-insights` `seo` / 2019-11-05

## 2019年10月

- [【事例】画像データを-40.7%軽量化！ 自動車情報メディア[MOTA]でのLightFile実証実験](/v1/k/blog/docs/2019/10/case-study-mota-autoc-one.md) — 自動車情報メディア MOTA を運営するオートックワン様との実証実験です。画像データを40.7%削減し、記事によっては76%減ったページもありました。
  `cloud-cost` `case-study` `lightfile` / 2019-10-16
- [【事例】美容整形外科のサイトで画像軽量化したら表示速度が速くなりました](/v1/k/blog/docs/2019/10/case-myami-clinic.md) — 「銀座マイアミ美容外科」様の事例です。表示が遅い原因を切り分けたうえで画像軽量化とWebP対応を実施し、表示速度がどう変わったかを報告します。
  `web-imaging` `cloud-cost` `case-study` `lightfile` / 2019-10-15
- [【事例】画像軽量化したら表示速度が24%改善！ エステサロン「ラ・パルレ」様](/v1/k/blog/docs/2019/10/case-study-parler.md) — エステサロン「ラ・パルレ」様の事例です。画像データを50.9%削減し、表示速度が24%改善しました。見た目は変わらなかったという担当者の声も紹介します。
  `cloud-cost` `case-study` `lightfile` / 2019-10-11
- [ついに消費税10% Webサイト上の金額に8%税込金額が残ってないか探すツールを作りました](/v1/k/blog/docs/2019/10/taxmonkey.md) — 消費税10%への切り替えで、Webページに8%税込のままの金額が残っていないかを探すツールを作りました。オープンソースで公開しています。作業代行も承ります。
  `tech` / 2019-10-02

## 2019年9月

- [PageSpeedスコアの人並みは何点？ 40点でもまずは安心していいよ！という話](/v1/k/blog/docs/2019/09/pagespeed-score-median.md) — PageSpeed スコアは表示速度の世界順位なので、中央値は必ず50点になります。日本のサイトは海外から計測される不利もあり、40点あればまず人並みという話です。
  `lighthouse` `pagespeed-insights` / 2019-09-18

## 2019年8月

- [新サービス PageSpeed改善リハーサルをスタート！](/v1/k/blog/docs/2019/08/pagespeed-rehearsal.md) — 新サービス「PageSpeed改善リハーサル」を始めました。約20種類の高速化手法をお客様のページに適用したら何点上がるかを、実際に試してレポートします。
  `lighthouse` `pagespeed-insights` / 2019-08-31
- [【事例】比較サイトで画像軽量化したらオーガニック検索の流入数が2.5倍になった](/v1/k/blog/docs/2019/08/casestudy-interg.md) — 「脱毛サロン・クリニック比較ナビ」様の事例です。画像軽量化とWebP対応を実施したところ、オーガニック検索からの流入数が2.5倍になりました。施策の中身も紹介します。
  `seo` `case-study` `lightfile` / 2019-08-26

## 2019年7月

- [PageSpeed スコア別の傾向と対策。20点未満のサイトが改善の前に見るべきこと](/v1/k/blog/docs/2019/07/pagespeed-curve.md) — PageSpeed スコアは変化が曲線的なので、点数帯によって取るべき対策が変わります。20点未満のサイトが改善に着手する前に確かめるべきことを説明します。
  `lighthouse` `pagespeed-insights` / 2019-07-23
- [WebP公式のPhotoshopプラグイン WebPShop登場](/v1/k/blog/docs/2019/07/webpshop.md) — WebP開発チームによる公式のPhotoshopプラグイン WebPShop が公開されました。インストール手順と、Photoshop で WebP を開いて保存するまでを試しています。
  `webp` / 2019-07-09

## 2019年6月

- [CloudFront料金早見表を作ってみた。月額10万円超えは何PVから？](/v1/k/blog/docs/2019/06/cloudfront-cost-matrix.md) — CloudFront の料金早見表を作りました。1ページあたりのデータ量とPV数から月額がわかります。月10万円を超えるのは何PVからか、削減にはどこが効くかを示します。
  `web-imaging` `cloud-cost` `lightfile` `reports` / 2019-06-11

## 2019年5月

- [WebPウザいという方に贈るChromeでWebPをブロックする方法 ※ただし完全ではない](/v1/k/blog/docs/2019/05/no-webp-with-mod-header.md) — Chrome拡張 ModHeader で Accept ヘッダを書き換え、WebP の配信をブロックする方法です。仕組みと、この方法では完全には防げない理由も説明します。
  `webp` / 2019-05-23
- [PageSpeed InsightsとLighthouse。よく似てるツールの違いを比較表でチェック！](/v1/k/blog/docs/2019/05/lighthouse-and-pagespeed-insights.md) — Lighthouse と PageSpeed Insights の違いを比較表で整理します。PageSpeed Insights はLighthouse のパフォーマンス部分だけを切り出したもの、という関係です。
  `lighthouse` `pagespeed-insights` / 2019-05-09

## 2019年4月

- [PageSpeed Insightsの点数の公式と、高得点をとれない理由](/v1/k/blog/docs/2019/04/inside-pagespeed-insights.md) — PageSpeed Insights のスコアはブラックボックスではありません。点数を決める5つの指標と計算式を明かし、改善提案に従っても点数が上がらない理由を説明します。
  `lighthouse` `pagespeed-insights` `performance` / 2019-04-23
- [WebPの利用事例: 新R25 (r25.jp)](/v1/k/blog/docs/2019/04/webp-r25-r25jp.md) — 新R25 が全面的に WebP を使っています。配信の仕組みを HTTPヘッダから推測しつつ、HTMLの最小化など他のパフォーマンス対策も読み取ります。
  `webp` / 2019-04-18
- [通販サイトのPageSpeed Insightsスコア80は偏差値70相当だった](/v1/k/blog/docs/2019/04/ec-pagespeed-insights-deviations.md) — 国内の通販サイトを対象に、PageSpeed Insights のスコアを偏差値に換算した表を作りました。スコア80なら偏差値70相当。自社の立ち位置を測る目安になります。
  `lighthouse` `pagespeed-insights` `performance` / 2019-04-15
- [通販サイト上位300のスマホトップは平均4.15MB、画質を落とさず41%削減できる](/v1/k/blog/docs/2019/04/300-ec-lightfile-201904.md) — 通販上位300サイトのスマホトップページを調べたところ、画像だけで平均4.15MBありました。画質を落とさず41%削減できるという試算と、個別レポートを公開します。
  `web-imaging` `performance` / 2019-04-12
- [Safari 12.1でも残念ながらWebPサポートなし。ついでに見出しを斜め読み](/v1/k/blog/docs/2019/04/safari-121-not-webp.md) — Safari 12.1 でも WebP はサポートされませんでした。あわせて、このバージョンで追加されたダークモード対応や Web支払いAPI などの新機能を眺めています。
  `webp` / 2019-04-07
- [新人にもわかる！WebPのブラウザ振り分けの仕組みを図解。picture要素と.htaccessのどっちでやるべき？](/v1/k/blog/docs/2019/04/webp-direction.md) — WebP 対応・非対応のブラウザに画像を振り分ける仕組みを図解します。picture 要素とWebサーバー設定のどちらを使うべきか、理由がなければサーバー側を勧めます。
  `webp` `web-imaging` `performance` / 2019-04-03

## 2019年3月

- [Webの表示高速化はファーストビューが早くなればそれでOK！ 課題を整理して着実に進めるためのポイント](/v1/k/blog/docs/2019/03/web-speed-is-firstview.md) — 表示高速化を進めるとき、施策は「サーバーの応答」「ダウンロード量」「読み込みの優先順位」の3つに分けると整理できます。どこから着手すべきかの判断材料を示します。
  `pagespeed-insights` `web-imaging` `performance` / 2019-03-25
- [画像軽量化の可能性を無料レポート！ LightFile/WebPシミュレーター v3をリリース](/v1/k/blog/docs/2019/03/lightfile-simulator-v3.md) — 画像をどこまで軽くできるかを無料でレポートする LightFile/WebP シミュレーター v3 を公開しました。削減後の画質をスライダーや差分で確かめられます。
  `webp` `web-imaging` `cloud-cost` `lightfile` `performance` / 2019-03-22
- [WebPの利用事例: YouTube・Google PlayなどGoogleのサービス](/v1/k/blog/docs/2019/03/google-webp.md) — Google 自身のサービスにおける WebP の利用状況を見ます。YouTube、Google Play、Google Home や Chromecast の紹介ページなど、画像のほとんどが WebP で配信されています。
  `webp` / 2019-03-21
- [WebPの利用事例: ANA](/v1/k/blog/docs/2019/03/webp-ana.md) — ANA の公式サイトで WebP が使われています。レスポンスヘッダから Akamai Image Manager の利用が読み取れ、同じ仕組みを使うサイトは今後増えそうです。
  `webp` / 2019-03-20
- [Webの表示が〇秒遅くなると××まとめ。Webパフォーマンスの重要性を示すフレーズ集](/v1/k/blog/docs/2019/03/web-performance-phrases.md) — 「表示が0.5秒遅れると検索数が20%減る」など、表示速度と成果に関するよく見かけるフレーズを、大元の出典とセットでまとめました。国内の事例も収録しています。
  `cvr` `performance` / 2019-03-15
- [WebPに関する10の誤解~5分で正しく理解するWebP](/v1/k/blog/docs/2019/03/webp105webp.md) — WebP について誤解されがちな10項目を、正しい内容と並べて説明します。読み方、ライセンス、対応ブラウザ、SEOとの関係など、5分で全体像がつかめます。
  `webp` `web-imaging` `performance` / 2019-03-15
- [WebPの意外な事例: Amazon](/v1/k/blog/docs/2019/03/webp-amazon.md) — Amazon でも WebP の利用が始まりました。2019年3月時点では商品一覧のサムネイルのみですが、画質に問題がなければ詳細ページにも広がると見られます。
  `webp` / 2019-03-12
- [PNGファイルを軽量化する方法は4種類だけ。減色・ロスレス最適化・メタデータ削除・解像度の最適化](/v1/k/blog/docs/2019/03/png3.md) — PNGを軽くする方法は、減色・ロスレス圧縮・メタデータ削除・解像度の最適化の4種類しかありません。それぞれ何をしていて、どれだけ効くのかを説明します。
  `web-imaging` `lightfile` / 2019-03-11
- [WebPの本格利用に備えるための企業向け個別セミナーをスタート](/v1/k/blog/docs/2019/03/webp-img-stepup-seminar.md) — WebP を短時間で理解できる企業向けの個別セミナーを始めました。数式やプログラミングは使わず、人数によらない定額制です。質問しやすい時間も設けています。
  `webp` / 2019-03-06
- [サイトのWebP対応は気楽にやろう！ 心が軽くなる4つの事実](/v1/k/blog/docs/2019/03/webp-made-easy.md) — サイトの WebP 対応は気楽に始めて大丈夫だ、という4つの理由を挙げます。一気にやらなくてよく、既存のデータを壊さず、困ったらすぐ元に戻せます。
  `webp` `web-imaging` `performance` / 2019-03-04

## 2019年2月

- [画像フォーマットのチートシート日本語版を公開しました](/v1/k/blog/docs/2019/02/-smush-pro-guide-to-image-formats.md) — 画像フォーマットの特徴が1枚でわかるチートシート「SMUSH PRO Guide to Image Formats」を、著者の許可を得て日本語に翻訳しました。PDFでダウンロードできます。
  `webp` `web-imaging` `performance` / 2019-02-28
- [WebPの発音について・アクセントは前後のどっち？](/v1/k/blog/docs/2019/02/pronounce-webp.md) — WebP は「ウェッピー」か「ウェブピー」か、アクセントはどこに置くのか。IT用語の読み方が割れる背景も交えつつ、迷ったときの考え方を書きました。
  `webp` / 2019-02-26
- [WebPウザいめんどくさいという方におすすめChrome拡張機能・JpegやPNGで画像をダウンロード](/v1/k/blog/docs/2019/02/webp-chrome-extension.md) — WebP でダウンロードした画像が開けなくて困る、という声への対処法です。JPEG や PNG で保存し直せる Chrome拡張機能と、コピペで済ませる方法を紹介します。
  `webp` / 2019-02-25
- [新聞ニュース系158サイトでWebP利用中は23サイト・WebPで平均-1.6秒待ち時間短縮と試算・レポート無料公開](/v1/k/blog/docs/2019/02/news-sites-webp.md) — 新聞・ニュース系158サイトのモバイルトップページを調査しました。1ページ平均4.43MBで画像はその42%。WebP に変換すると平均1.6秒短縮できると試算しています。
  `webp` `web-imaging` `performance` / 2019-02-25
- [WebPの意外な事例: マイクロソフト](/v1/k/blog/docs/2019/02/webp-1.md) — マイクロソフトのサイトが、いつの間にか画像をほぼ WebP で配信していました。WebP Highlighter で可視化した結果と、配信に使われている仕組みの推測を紹介します。
  `webp` / 2019-02-23
- [WebPの意外な事例: Wikipedia](/v1/k/blog/docs/2019/02/webp-wikipedia.md) — Wikipedia が画像配信に WebP を使っています。WebP Highlighter で可視化した結果と、レスポンスヘッダから推測できる配信の仕組みを紹介します。
  `webp` / 2019-02-23
- [WebPと従来の画像を正しく振り分ける.htaccessファイル](/v1/k/blog/docs/2019/02/webphtaccess.md) — WebP と従来の画像を、ブラウザの対応状況に応じて振り分ける .htaccess の書き方を説明します。非対応ブラウザには元の画像を返すため、既存の画像はそのまま残せます。
  `webp` `web-imaging` `performance` / 2019-02-22
- [WebP画像を目立たせるChrome拡張機能 WebP Highlighter](/v1/k/blog/docs/2019/02/webp-highlighter.md) — ページ内で WebP として配信されている画像を蛍光色の枠で目立たせる Chrome拡張機能 WebP Highlighter を紹介します。Developer Tools を開かずに確認できます。
  `webp` `web-imaging` `performance` / 2019-02-21
- [iPhoneの非対応でシェア劣勢でも、いまWebPに対応する意味](/v1/k/blog/docs/2019/02/iphonewebp.md) — 日本では iPhone が多く WebP 対応シェアは35%程度にとどまります。それでも今 WebP に対応する意味を、PageSpeed Insights のスコアと実際の恩恵の面から説明します。
  `webp` `web-imaging` `performance` / 2019-02-21
- [ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル](/v1/k/blog/docs/2019/02/webppagespeed-insights.md) — ページの画像をまるごと WebP に変換して PageSpeed Insights のスコアを改善する手順を、変換からアップロードまで通しで説明します。既存画像は置き換えません。
  `webp` `web-imaging` `performance` / 2019-02-20
- [表示高速化でコンバージョンが上がるのではなく、ユーザーの離脱を防ぐのだ。遅いページをみたい人はだれももいない。](/v1/k/blog/docs/2019/02/pagespeed-conversion.md) — 表示を速くするとコンバージョンが上がる、という説明に違和感がある理由を述べます。速さが増やすのではなく、遅さが離脱させている。防ぐものだという捉え方です。
  `cvr` `web-imaging` / 2019-02-20
- [通販上位300サイト中32サイトがWebPを配信・楽天市場は積極利用](/v1/k/blog/docs/2019/02/30011webp.md) — ネット販売企業上位300社のスマホトップページを調べたところ、32サイトが WebP を配信していました。楽天市場は店舗ページを自動で WebP 化しています。
  `webp` `web-imaging` `performance` / 2019-02-19
- [WebPにしたらどれだけ変わるか、無料のWebP変換シミュレータで確かめる](/v1/k/blog/docs/2019/02/webp-simulator.md) — 自分のサイトの画像を WebP にしたらどれだけ軽くなるかを、URLを入れるだけで試せる無料のシミュレータを紹介します。Firefox の対応でブラウザの状況も変わりました。
  `web-imaging` `lightfile` / 2019-02-19
- [Can I use ... をGA連携で自分用にカスタマイズ](/v1/k/blog/docs/2019/02/can-i-use-ga.md) — ブラウザ対応状況を調べる定番サイト Can I use... を Google Analytics と連携させ、自分のサイトの利用者における普及率で見る方法を紹介します。
  `tech` / 2019-02-15

## 2019年1月

- [Firefox Quantum が WebP をサポート。残る未対応は Safari のみ](/v1/k/blog/docs/2019/01/firefox-quantum-webp.md) — Firefox 65「Firefox Quantum」が WebP に対応しました。これでメジャーブラウザで未対応なのは Safari だけになります。実際に表示を確認した結果を報告します。
  `webp` `web-imaging` / 2019-01-31
- [画像軽量化は最短3日でスタート！導入時に開発が発生しない画像軽量化ツールって、実は意外と少ない。](/v1/k/blog/docs/2019/01/image-lightweight-no-development.md) — 画像軽量化を始めるとき、開発が発生しないツールは意外と多くありません。表示速度の改善とコスト削減という2つの動機を整理し、最短3日で始められる進め方を説明します。
  `web-imaging` `lightfile` / 2019-01-28
- [Assetizrで画像をリサイズ・最適化する。JPEGからWebPで重くなる？](/v1/k/blog/docs/2019/01/assetizr.md) — WindowsでもMacでも使える画像リサイズ・最適化ツール Assetizr を試しました。対応形式が多く扱いやすい一方、JPEGからWebPに変換すると逆に重くなる場合があります。
  `web-imaging` `lightfile` / 2019-01-23
- [オウンドメディアが月間1万PVを達成したので、今までやってきた「8つのこと」をまとめてみる。アクセスは急激に増えるのだ。](/v1/k/blog/docs/2019/01/ownedmedia-10000pv.md) — アイデアマンズブログが月間1万PVに届くまでに続けた8つのことをまとめました。広告に頼らないオウンドメディアで、アクセスがどう伸びていったかも実データで振り返ります。
  `pr` / 2019-01-21
- [WebP、JPEG、4K8K。2019年も画像にこだわろう](/v1/k/blog/docs/2019/01/webp-jpeg-4k8k.md) — 2019年の画像まわりで押さえておきたい話題を3つ挙げます。WebP への対応、JPEGの品質設定、そして4K8K時代に向けた画像サイズの考え方です。
  `webp` `web-imaging` `lightfile` `performance` / 2019-01-09

## 2018年12月

- [アイデアマンズブログの2018年をまとめ！WebPや画像軽量化などの「画像」な一年間を振り返る](/v1/k/blog/docs/2018/12/2018.md) — 2018年のアイデアマンズブログを振り返ります。WebP の対応状況、画像軽量化の広がり、Lighthouse の普及など、「画像」を軸にした一年をまとめました。
  `lighthouse` `web-imaging` `pr` `lightfile` / 2018-12-28
- [冬季休業のご案内（2018年）](/v1/k/blog/docs/2018/12/2018winter.md) — アイデアマンズ株式会社の2018年から2019年にかけての年末年始の休業日程をお知らせします。休業期間中はご不便をおかけしますが、ご了承くださいますようお願いいたします。
  `pr` / 2018-12-22
- [3分で自分専用のVPNサーバーを立てるレシピ](/v1/k/blog/docs/2018/12/myvpnserver.md) — ConoHa を使って自分専用のVPNサーバーを3分で立てる手順です。固定IPで作業する必要があるときや、社外のパートナーに固定IPを用意したいときに使えます。
  `tech` / 2018-12-21
- [PageSpeed Insightsの画像4項目を調べて分かった、やるべき対策](/v1/k/blog/docs/2018/12/pagespeed-insights.md) — PageSpeed Insights の分析エンジンが Lighthouse に変わりました。画像に関する4つの指摘項目を調べ、軽量化とオフスクリーン画像の遅延読み込みは取り組む価値があると結論します。
  `lighthouse` `pagespeed-insights` `web-imaging` `lightfile` / 2018-12-21
- [画像軽量化ツール「LightFile」の情報がより見やすく！事例紹介も掲載しました！](/v1/k/blog/docs/2018/12/lightfile-info.md) — 画像軽量化ツール LightFile の情報をまとめたページをコーポレートサイトに公開しました。機能の詳細に加え、軽量化の仕組みと導入事例もあわせて掲載しています。
  `web-imaging` `lightfile` / 2018-12-14
- [ランキング30位まで表示可能に！人気ランキングウィジェット「Ranklet」の有料版がちょこっと機能アップしました！](/v1/k/blog/docs/2018/12/ranklet-30ranking.md) — ランキングウィジェット Ranklet の有料版で、30位まで表示できるようになりました。もっと多くの順位を出したいというご要望が多かったための機能追加です。
  `ranklet` / 2018-12-11
- [PageSpeed Insights が Lighthouse を使うように。スコアアップの方法](/v1/k/blog/docs/2018/12/psi-lighthouse.md) — PageSpeed Insights が Lighthouse を使うようになった変更点を整理します。UIの違いと見るべき指標、そして実際にスコアを上げた方法もあわせて公開します。
  `lighthouse` `pagespeed-insights` `lightfile` / 2018-12-04
- [月刊アイデアマンズブログ 2018年11月の人気記事](/v1/k/blog/docs/2018/11/201811.md) — 2018年11月に公開した記事から、よく読まれたものを紹介します。MTDDC Meetup TOKYO 2018 でのスポンサードと登壇の報告もあわせてお届けします。
  `pr` / 2018-12-01

## 2018年11月

- [従量課金型のCDNは、画像軽量化で料金を大幅にコストダウンできる](/v1/k/blog/docs/2018/11/cdn-costdown.md) — 従量課金型のCDNは、画像を軽くするとそのまま料金が下がります。AWS CloudFront を例に費用の計算方法を説明します。転送料金が月10万円以上下がった例もあります。
  `web-imaging` `cloud-cost` `lightfile` / 2018-11-29
- [2018年11月現在のWebPのブラウザ対応状況。Firefoxは65で対応予定](/v1/k/blog/docs/2018/11/201811-webp.md) — 2018年11月時点での WebP のブラウザ対応状況をまとめました。Firefox が65で対応予定となり、残る課題は Safari です。Mac版・iOS版とも対応の予定は出ていません。
  `web-imaging` `lightfile` / 2018-11-26
- [Googleスピードアップデートがもたらした画像転送量の大幅な削減](/v1/k/blog/docs/2018/11/speed-update-image-transfer.md) — Google のスピードアップデート後、画像の軽量化と転送量の削減がどれだけ進んだのかを振り返ります。SEOが絡むと対応が一気に進む、という傾向が数字にも表れています。
  `seo` `web-imaging` `cloud-cost` `lightfile` `performance` / 2018-11-20
- [Google Squoosh を試してみたら、非常に高機能だった](/v1/k/blog/docs/2018/11/google-squoosh.md) — Google が公開したブラウザで使える画像軽量化ツール Squoosh を試しました。形式や品質を細かく変えながら結果を見比べられ、1枚ずつ丁寧に詰めたいときに向いています。
  `web-imaging` / 2018-11-16
- [LightFile for Dropbox が100ユーザーを突破。削減率は93%以上](/v1/k/blog/docs/2018/11/lightfile-for-dropbox-100users.md) — Dropbox と連携する LightFile for Dropbox が100ユーザーを突破しました。プレビュー版ながら、現在93%以上の削減率を達成しています。
  `web-imaging` `lightfile` / 2018-11-13
- [月刊アイデアマンズブログ 2018年10月の人気ブログ記事は？Googleフォントは軽量化版を使って軽くしよう！](/v1/k/blog/docs/2018/10/201810.md) — 2018年10月に公開した記事から、よく読まれたものを紹介します。正式版になった日本語 Google Fonts を使うとWebフォントが軽くなる、という記事が一番人気でした。
  `pr` / 2018-11-01

## 2018年10月

- [2018年11月3日開催「 #MTDDC MEETUP TOKYO 2018」登壇のお知らせ](/v1/k/blog/docs/2018/10/mtddc-meetup-tokyo-2018.md) — MTDDC MEETUP TOKYO 2018 に代表の宮永が登壇します。Webデザイナーが日常的に扱う画像について、JPEGとPNGの使い分けを中心にお話しします。ゴールドスポンサーとしても協賛します。
  `event` / 2018-10-29
- [[限定3社] Movable Type事例キャンペーンで LightFile をお得に](/v1/k/blog/docs/2018/10/campaign201810.md) — Movable Type で構築されたサイトを対象に、画像軽量化ツール LightFile を優待価格で導入いただけるキャンペーンを、3社限定で実施します。条件と申込方法をご案内します。
  `web-imaging` `lightfile` `performance` / 2018-10-23
- [表示高速化の第一歩に画像の軽量化を勧める6つの理由](/v1/k/blog/docs/2018/10/6-reasons-of-image-optimization.md) — 表示高速化に何から手を付けるか迷ったら、画像の軽量化から始めることを勧めます。範囲が限られ、既存の作りを壊さず、効果が数字で見えるなど、6つの理由を挙げて説明します。
  `web-imaging` `cloud-cost` `performance` / 2018-10-19
- [実際にWebPを利用するとどうなる？WebPの試験導入で画像ファイルサイズを-62.38%も削減という結果に！](/v1/k/blog/docs/2018/10/webp-6238.md) — 自社サイトで WebP を試験導入した結果、画像のファイルサイズが62.38%削減されました。Googleデータスタジオで作ったレポートをもとに、実際の削減幅を共有します。
  `webp` `web-imaging` `cloud-cost` `performance` / 2018-10-16
- [Webサイト全体をWebP対応する最低限の方法](/v1/k/blog/docs/2018/10/webwebp.md) — サイト全体を WebP 対応する最低限の方法を、3ファイルのシェルスクリプトで実現しました。既存の画像を残したまま、対応ブラウザにだけ WebP を返す仕組みです。
  `webp` `web-imaging` `performance` / 2018-10-15
- [1時間でできる！インフォグラフィックづくりで楽しく学ぶGoogleデータスタジオ](/v1/k/blog/docs/2018/10/google-studio-tutorial.md) — Googleデータスタジオを使って、1時間でインフォグラフィックを作る手順を紹介します。LightFile の導入成果を示すレポートを題材に、実際の作業をたどります。
  `tech` / 2018-10-11
- [美容ブランドのECサイトが収益を倍増させた６つの変革にある「ページの表示」について考えてみよう](/v1/k/blog/docs/2018/10/woo-commerce-shopify.md) — 美容ブランドのECサイトが収益を倍増させた6つの変革のうち、ページ表示に関する部分を取り上げて考えます。表示速度が売上にどう効くのかを、事例から読み解きます。
  `web-imaging` `lightfile` `performance` / 2018-10-09
- [LightFile for Dropboxはクラウドネイティブでサーバーレス](/v1/k/blog/docs/2018/10/cloudnative-serverless.md) — LightFile for Dropbox がどんな技術で動いているかを紹介します。クラウドネイティブとサーバーレスという言葉の意味も整理し、実装例は Qiita にまとめました。
  `lightfile` / 2018-10-05
- [正式版になった日本語Google Fontsは表示の高速化を期待できる](/v1/k/blog/docs/2018/10/google-fonts-japanese.md) — 正式版になった日本語 Google Fonts が、表示の高速化を期待できる仕様になりました。自社サーバー配信や早期アクセス版を使っているサイトが乗り換えを検討すべき理由を説明します。
  `performance` / 2018-10-03
- [月刊アイデアマンズブログ 2018年9月の人気記事](/v1/k/blog/docs/2018/10/201809.md) — 2018年9月に公開した記事から、よく読まれたものを紹介します。LightFile for Dropbox の公開や、モバイルページ1枚で6.88円分の通信量がかかるという試算が上位です。
  `pr` / 2018-10-01
- [「Jpegの品質は85がおすすめ」をデータで検証する](/v1/k/blog/docs/2018/10/jpeg85-1.md) — JPEGの品質は85が推奨、という定説をデータで検証しました。85を超えると容量が急に増える一方で画質はほとんど改善しない、という性質を実測値で確かめます。
  `web-imaging` `performance` / 2018-10-01

## 2018年9月

- [アイデアマンズの日々変化するDI(ダイナミックアイデンティティ)](/v1/k/blog/docs/2018/09/ideamans-di.md) — アイデアマンズが使っている、入力した文字で模様が変わる動的なロゴマークを紹介します。可変的なロゴデザイン（ダイナミックアイデンティティ）の考え方にも触れます。
  `pr` / 2018-09-26
- [簡単にSSIMを計算するツール6+2本を紹介](/v1/k/blog/docs/2018/09/ssim-tools.md) — 画質の評価に使う SSIM を実際に算出する方法を、コマンドラインツールからWebサービスまで6+2本紹介します。ImageMagick や ffmpeg での具体的な手順も示します。
  `web-imaging` / 2018-09-25
- [OGP画像は meta property=og:image で指定しよう](/v1/k/blog/docs/2018/09/meta-property-og-image.md) — OGP画像の正しい指定方法を説明します。Ranklet はOGP画像をサムネイルに使うため、meta property=og:image が未設定だとサムネイルを表示できません。
  `ranklet` / 2018-09-21
- [AWS S3に Cyberduck と Transmit でつないでファイル管理する](/v1/k/blog/docs/2018/09/s3-cyberduck-transmit.md) — AWS S3 に Cyberduck や Transmit で接続し、レンタルサーバーのようにドラッグ＆ドロップでファイルを扱う方法です。LightFile と組み合わせると置くだけで軽量化されます。
  `lightfile` / 2018-09-19
- [Dropboxで楽々おまかせJpeg軽量化！ LightFile for Dropbox プレビュー版](/v1/k/blog/docs/2018/09/lightfile-dropbox.md) — Dropbox の決まったフォルダに JPEG を置くだけで自動的に軽量化する「LightFile for Dropbox」プレビュー版を公開しました。仕組みと使い方を説明します。
  `web-imaging` `lightfile` / 2018-09-14
- [スマホメーカーのウェブサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/09/smart-phone-manufacturer.md) — スマートフォンメーカーのサイトの画像軽量化の状況を調べました。新機種の紹介に大きな画像を多用するため、対応しているかどうかで体感の差が出やすい業種です。
  `web-imaging` `lightfile` / 2018-09-14
- [平均的なモバイルページでも6.88円分のギガを消費するという話](/v1/k/blog/docs/2018/09/view-mobilepage-cost.md) — 平均的なモバイルページ2.43MBを開くと、利用者の通信量は金額にしていくらかかるのかを試算しました。1ページあたり6.88円分のギガを消費する計算になります。
  `lightfile` / 2018-09-11
- [ファミレス各社のサイトを画像軽量化の観点でみたら、意外と差があった](/v1/k/blog/docs/2018/09/family-restaurant.md) — ファミリーレストラン各社のサイトの画像軽量化の状況を調べました。季節ごとに新商品が入れ替わるため画像の更新が多く、対応の有無で差がはっきり出ています。
  `web-imaging` `lightfile` / 2018-09-07
- [お菓子メーカーのウェブサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/09/okashi.md) — お菓子メーカーのサイトの画像軽量化の状況を調べました。商品パッケージやキャンペーンの画像が多く、容量に占める画像の割合が高くなりやすい業種です。
  `web-imaging` `lightfile` / 2018-09-05
- [東京六大学野球の出場6校のサイトはどのくらい画像軽量化されているか](/v1/k/blog/docs/2018/09/tokyo-big6-baseball.md) — 東京六大学野球連盟に加盟する6大学のサイトの画像軽量化の状況を調べました。総ダウンロード容量は最大23.10MB、最小2.1MBと大きな開きがあります。
  `web-imaging` `lightfile` / 2018-09-04
- [「ケータイキット for Movable Type」Ver.1.70をリリースしました](/v1/k/blog/docs/2018/09/mt7-keitaikit.md) — Movable Type 7 に対応した「ケータイキット for Movable Type」Ver.1.70 をリリースしました。フィーチャーフォンとスマートフォン対応サイトの構築を支援するプラグインです。
  `mt-plugins` `pr` / 2018-09-03
- [月刊アイデアマンズブログ 2018年8月の人気ブログ記事は？JPEGとPNG、しっかり使い分ければこわいものはない！](/v1/k/blog/docs/2018/09/201808.md) — 2018年8月にアイデアマンズブログでよく読まれた記事をまとめました。JPEGとPNGの使い分けに関する記事が最も読まれ、検索から届く記事が固定化してきています。
  `pr` / 2018-09-02

## 2018年8月

- [結婚式場の予約サイトはPV数が多い。画像軽量化でユーザーのギガを守る](/v1/k/blog/docs/2018/08/bridal.md) — 結婚情報サイト・式場予約サイトの総ダウンロード容量を調べました。多くの式場を見比べるためPV数が伸びやすく、1ページあたりの容量が通信量に直結します。
  `web-imaging` `lightfile` / 2018-08-30
- [東京駅でランチ！まだお店が決まってなければ「東京駅　ランチ」で検索！その表示されたサイト、画像軽量化されてる？](/v1/k/blog/docs/2018/08/tokyo-station-lunch.md) — 「東京駅 ランチ」で検索して上位に出るサイトが、画像を軽量化できているかを調べました。検索から来た人を待たせていないか、実際のデータで確かめます。
  `web-imaging` `lightfile` / 2018-08-29
- [2018年8月現在の SVGのブラウザ対応状況を確認してみよう。SVGは透過PNGも変換できる軽量画像フォーマット。](/v1/k/blog/docs/2018/08/svg.md) — 2018年8月時点での SVG のブラウザ対応状況をまとめました。基本的なSVGはほぼすべてのブラウザで使えますが、filter など一部は未対応のブラウザが残ります。
  `web-imaging` `lightfile` / 2018-08-28
- [ビール各社のウェブサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/08/beer.md) — ビールメーカーのサイトの画像利用状況を調べました。銘柄ごとの商品画像やキャンペーンのバナーが多く、容量に占める画像の割合が高くなりやすい業種です。
  `web-imaging` `lightfile` / 2018-08-27
- [スポーツアパレルメーカーのサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/08/sports-apparel.md) — スポーツアパレルメーカーのサイトの画像利用状況を調べました。商品を見せるための画像が多く、オンラインショップを持つ場合は軽量化が売上にも効いてきます。
  `web-imaging` `lightfile` / 2018-08-25
- [パ・リーグ球団のスマホサイトは、レイアウトは似ていても画像軽量化は球団ごと](/v1/k/blog/docs/2018/08/pacific-league.md) — パシフィック・リーグ6球団のオフィシャルサイトを調べました。スマホ向けのレイアウトはほぼ共通ですが、画像の軽量化の状況は球団ごとに差があります。
  `web-imaging` `lightfile` / 2018-08-23
- [セ・リーグ球団のオフィシャルサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/08/central-league.md) — セントラル・リーグ6球団のオフィシャルサイトの画像利用状況を調べました。試合日程や選手情報など更新の多いページで、容量がファンの通信量にどう響くかを見ています。
  `web-imaging` `lightfile` / 2018-08-21
- [7,866サイトのトップページを調べたら、モバイル向けの平均は2.43MBだった](/v1/k/blog/docs/2018/08/lighthouse-report-payloads.md) — Lighthouse で7,866サイトのトップページの総データ量を測りました。モバイル向けの平均は2.43MBで、Googleが推奨する1.6MBを大きく上回っています。
  `web-imaging` `cloud-cost` `lightfile` `performance` / 2018-08-20
- [独自スタイルの珈琲店のサイトを画像軽量化の観点でみてみる](/v1/k/blog/docs/2018/08/original-coffee-shop.md) — チェーン店とは違う独自スタイルのカフェのサイトを調べました。ファンの熱量が高い一方で画像は重めのことが多く、軽量化すると閲覧が快適になる余地があります。
  `web-imaging` `lightfile` / 2018-08-17
- [11種類のロスレスPNGサイズ削減ツールの比較ベンチマークレポート](/v1/k/blog/docs/2018/08/11-png-tools-benchmark.md) — PNGのファイルサイズを削減するロスレスツール11種類を比較したベンチマークを紹介します。OptiPNG や pngquant 以外にも選択肢があり、削減率と処理時間には差があります。
  `web-imaging` `performance` / 2018-08-15
- [カフェチェーンのサイトは季節限定や新商品が多く、画像軽量化が効く](/v1/k/blog/docs/2018/08/coffee-shop.md) — カフェチェーンのサイトの画像利用状況を調べました。季節限定商品や新商品の入れ替わりが多く、商品画像が頻繁に差し替わるため、軽量化の効果が積み重なる業種です。
  `web-imaging` `lightfile` / 2018-08-14
- [画質85がよいという記事をみたので、LightFileの処理と比較してみた。画像軽量化は、画質とのバランスの戦いなのだ。](/v1/k/blog/docs/2018/08/jpeg85.md) — JPEGは品質85がよいという記事が話題になったので、実際にその設定と LightFile の処理を比べました。画質とファイルサイズのバランスをどう取るかという話です。
  `web-imaging` `lightfile` / 2018-08-13
- [2018年8月現在のWebPのブラウザ対応状況を確認する](/v1/k/blog/docs/2018/08/webp-20180810.md) — 2018年8月時点での WebP のブラウザ対応状況をまとめました。Chrome など Google 系は対応済みですが、Microsoft と Apple のブラウザは未対応のままです。
  `webp` `web-imaging` `lightfile` / 2018-08-10
- [ほとんどのウェブサイトが画像軽量化済みという驚きの結果！国外の車メーカー９社をチェックしてみた](/v1/k/blog/docs/2018/08/world-car-manufactuer.md) — 海外の自動車メーカー9社のサイトを調べたところ、ほとんどが画像の軽量化を済ませているという結果でした。前回調べた国産メーカーとの違いもあわせて紹介します。
  `web-imaging` `lightfile` / 2018-08-10
- [SUV？それともスポーツカー？国産車メーカーのウェブサイトをチェックしてみたら、ホンダは画像軽量化が自動化されている？](/v1/k/blog/docs/2018/08/japan-auto-mobile.md) — 国産自動車メーカーのサイトの画像利用状況を調べました。ホンダのように画像の軽量化が自動化されていると見られるサイトもあり、メーカーごとの差が出ています。
  `web-imaging` `lightfile` / 2018-08-09
- [車の事ならなんでもカー用品店にお任せ！キャンペーンの更新頻度が高いウェブサイトは、まずバナー画像を軽量化しよう](/v1/k/blog/docs/2018/08/car-goods.md) — カー用品店のサイトの画像利用状況を調べました。キャンペーンの更新頻度が高くバナー画像が多いため、まずバナーから軽量化すると効果が出やすい業種です。
  `web-imaging` `lightfile` / 2018-08-09
- [SEOにも効く表示高速化のはじめの一歩は「画像軽量化」](/v1/k/blog/docs/2018/08/cloudgarage-meetup-in-yokohama.md) — CloudGarage Meetup in Yokohama で「SEOにも効いてくる表示高速化のはじめの一歩・画像軽量化」というライトニングトークをしました。当日の内容をお伝えします。
  `lighthouse` `seo` `event` `lightfile` / 2018-08-07
- [Google Speed Updateで遅いサイトが「検索順位に影響がでた」について思う「２つ」のこと](/v1/k/blog/docs/2018/08/google-speed-update.md) — Google のスピードアップデートで検索順位が実際に下がった、という海外の報告を読んで考えたことを2点にまとめました。速度と順位の関係をどう捉えるべきかを整理します。
  `lighthouse` `pagespeed-insights` `seo` `performance` / 2018-08-03
- [SSLが推奨されるChrome 68の登場。じゃあ、ブラウザのシェアってどうなんだろう？やっぱり多いのはChrome?](/v1/k/blog/docs/2018/08/browser-share.md) — Chrome 68 で非SSLページに警告が出るようになったことを受けて、ブラウザのシェアを調べました。Chrome が実際どれだけ使われているかを数字で確認します。
  `lighthouse` / 2018-08-03
- [Chrome 68で変わる「ウェブサイト暗号化通信」の当たり前](/v1/k/blog/docs/2018/08/chrome68.md) — Chrome 68 から、暗号化されていないサイトのアドレスバーに「保護されていない通信」と表示されます。実際の見え方と、Chrome 70 で警告が強まる予定を説明します。
  `lighthouse` / 2018-08-02
- [月刊アイデアマンズブログ 2018年7月の人気記事](/v1/k/blog/docs/2018/08/201807.md) — 2018年7月にアイデアマンズブログでよく読まれた記事をまとめました。Chrome DevTools の Network パネルと、4K8K の解像度とファイルサイズの記事が上位です。
  `pr` / 2018-08-02

## 2018年7月

- [JPGよりもPNGが多い？特定の時間帯にアクセスが集中するTV番組ウェブサイトは、画像軽量化でもっと快適になる。](/v1/k/blog/docs/2018/07/tv-program.md) — テレビ番組のサイトの画像利用状況を調べました。JPGよりPNGが多い傾向があり、放送時間帯にアクセスが集中する性質を考えると、軽量化の効果が出やすい領域です。
  `web-imaging` `lightfile` / 2018-07-31
- [テレビ局のウェブサイトはコンテンツが多く更新も速い。画像軽量化が効く](/v1/k/blog/docs/2018/07/tv.md) — テレビ局のサイトの総ダウンロード容量を調べました。番組表やオンデマンドなどコンテンツが多く更新頻度も高いため、画像の軽量化が効きやすいことがわかります。
  `web-imaging` `lightfile` / 2018-07-31
- [動画配信サイトは画像軽量化もすでに実施済みのところが多い](/v1/k/blog/docs/2018/07/video-streaming.md) — 動画配信サービスのサイトの総ダウンロード容量を調べました。動画という重いものを扱う事業者だけあって、画像の軽量化はすでに実施済みのサイトが多いという結果でした。
  `web-imaging` `lightfile` / 2018-07-27
- [英会話はマンツーマン？オンライン？ほとんどの英会話教室ウェブサイトは、画像軽量化すればもっと表示が速くなる！](/v1/k/blog/docs/2018/07/english-school.md) — 英会話教室のサイトの総ダウンロード容量を調べました。最大15.78MB、最小2.92MB。PNGの利用が多く、形式を見直すだけでも表示が軽くなる余地があります。
  `web-imaging` `lightfile` / 2018-07-26
- [コンビニのウェブサイトは更新頻度が高く、バナーと商品画像が多い](/v1/k/blog/docs/2018/07/convenience-store.md) — コンビニ各社のサイトの総ダウンロード容量を調べました。最大22.06MB、最小1.93MB。キャンペーンや新商品のバナーが多く更新頻度も高いため、画像の扱いが効いてきます。
  `web-imaging` `lightfile` / 2018-07-26
- [ネット銀行のウェブサイトはJPEGよりPNGが多く、軽量化の余地がある](/v1/k/blog/docs/2018/07/netbank.md) — ネット銀行のサイトの総ダウンロード容量を調べました。最大11.77MB、最小1.6MB。アイコンに透過PNGを使いつつJPGより PNG が多く、軽量化の余地が見えます。
  `web-imaging` `lightfile` / 2018-07-24
- [インターネットバンキングなどで多くの人が利用する都市銀行のウェブサイト。グループの親会社もまとめてチェックしてみよう！](/v1/k/blog/docs/2018/07/citybank.md) — 都市銀行とそのグループ会社のサイト8件について、表示に必要なダウンロード容量を調べました。多くの人が使うサイトらしく、全体に容量は少なく作りも簡潔です。
  `web-imaging` `lightfile` / 2018-07-20
- [Webページのダウンロード開始までの時間(TTFB)は推奨0.6秒未満。7,688サイトの約92%がクリア](/v1/k/blog/docs/2018/07/ttfb.md) — ダウンロードが始まるまでの時間 TTFB は0.6秒未満が推奨です。7,688サイトを調べたところ約92%がこれをクリアしていました。TTFB が何を含む時間なのかも説明します。
  `lighthouse` `pagespeed-insights` `performance` / 2018-07-20
- [会計アプリ業界のウェブサイトは、JPEGよりもPNGを利用する傾向が強い？](/v1/k/blog/docs/2018/07/kaikei.md) — 会計ソフト8社のサイトの画像利用状況を調べました。総ダウンロード容量は最大7.07MB、最小2.41MB。JPEGよりPNGを使う傾向が強いという特徴が見えます。
  `web-imaging` `lightfile` / 2018-07-19
- [LightFileの月額費用を1万円からに変更しました](/v1/k/blog/docs/2018/07/lightfile-price.md) — 画像軽量化ツール LightFile の月額利用料の下限を、5万円から1万円（いずれも税抜）に変更しました。含まれる対象を絞ることで、より小さな規模でも導入しやすくしています。
  `pr` `lightfile` / 2018-07-17
- [Webサイト全体の常時SSL化は進んでる？〜対応済みの国内ウェブサイトは31.3%にとどまる。](/v1/k/blog/docs/2018/07/webssl.md) — 国内のWebサイトのうち、全体をSSL化（常時SSL）できているのは31.3%にとどまりました。Chrome 68 で「保護されていない通信」の警告が出る前後の状況を調べています。
  `lighthouse` `reports` / 2018-07-11
- [無料または数百円でSSL/TLS証明書を手に入れてサイトをSSL化する3つ方法](/v1/k/blog/docs/2018/07/https3.md) — サイトをSSL化する方法を3つ紹介します。AWS Certificate Manager、Let's Encrypt、年数百円の格安証明書。無料または低コストで始められる選択肢です。
  `lighthouse` / 2018-07-10
- [Optimizillaは後から画質調整ができる、きめ細かく確認したい人向けのツール](/v1/k/blog/docs/2018/07/optimizilla.md) — 画質を後から細かく調整できる海外の軽量化サービス Optimizilla と LightFile Core を比べました。削減率と画質、そしてアップロード先がわからない点にも触れます。
  `web-imaging` `lightfile` `performance` / 2018-07-09
- [Macだけでできる！画像をリサイズして、ファイルサイズを軽量化しよう！[プレビュー.app編]](/v1/k/blog/docs/2018/07/mac-preview.md) — Mac標準の「プレビュー.app」だけで、大きな写真をリサイズして軽くする手順を説明します。Photoshopのような専用ツールがなくても、追加費用なしで始められます。
  `web-imaging` / 2018-07-06
- [Google Speed Updateで表示高速化しようと思ったら、まずは画像軽量化からはじめましょう](/v1/k/blog/docs/2018/07/google-speed-update.md) — Google の Speed Update が表示速度を検索順位に反映します。本当に遅いページだけが対象で段階的に適用されるという補足も踏まえ、まず何から着手すべきかを説明します。
  `seo` `web-imaging` `lightfile` `performance` / 2018-07-03
- [月刊アイデアマンズブログ 2018年6月の人気記事](/v1/k/blog/docs/2018/07/201806.md) — 2018年6月にアイデアマンズブログでよく読まれた記事をまとめました。Lighthouse 関連の記事と、上場企業サイトのベンチマーク結果に人気が集まっています。
  `pr` / 2018-07-02

## 2018年6月

- [PNGの軽量化はどうすればいいの？Macで利用できる無料のCrunchを使ってみよう！](/v1/k/blog/docs/2018/06/crunch.md) — PNGはJPEGの2〜3倍の容量になりがちです。Macで無料で使える軽量化アプリ Crunch を紹介し、どこまで小さくできるかを実際に試しました。
  `web-imaging` / 2018-06-30
- [Compressor.io はロスレスもロッシーも選べる4形式対応のWebサービス](/v1/k/blog/docs/2018/06/compressor.md) — 4種類の画像形式に対応し、ロスレスとロッシーを選べるWebサービス Compressor.io と LightFile Core の削減率を比べました。同じ画像で画質の差も検証しています。
  `web-imaging` `lightfile` / 2018-06-29
- [画像軽量化がなかなか進まない3つの理由と、その解きほぐし方](/v1/k/blog/docs/2018/06/image-lighter.md) — 画像の軽量化がわかっていても進まない3つの理由を、コンテンツ担当とシステム担当それぞれの立場から整理しました。人手に頼らず仕組みにすると解決する、という結論に至ります。
  `web-imaging` `lightfile` / 2018-06-26
- [画像軽量化でコストが下がる？！例えば転送量20TB(月)だとすると、どのぐらいの差がでるのか？](/v1/k/blog/docs/2018/06/cloud-transfer.md) — 画像を軽量化すると、クラウドの転送料金がどれだけ下がるのかを試算しました。AWS で月20TBの転送があるケースを例に、削減率ごとの金額差を具体的に示します。
  `web-imaging` `cloud-cost` `lightfile` / 2018-06-23
- [実録Lighthouseのスコア改善〜Accessibility編](/v1/k/blog/docs/2018/06/lighthouseaccessibility.md) — Lighthouse の Accessibility スコアを100点にした記録です。画像のalt属性、リンクのname属性、コントラスト比を直しました。100点でも十分とは言えない理由も述べます。
  `lighthouse` / 2018-06-22
- [画像の解像度を、exiftoolで確認しよう！X Resolution、Y Resolutionが解像度を示す](/v1/k/blog/docs/2018/06/exiftool.md) — 画像の解像度を exiftool で確認する方法です。X Resolution と Y Resolution の見方と、コマンドの基本的な使い方を説明します。
  `web-imaging` / 2018-06-21
- [Retinaディスプレイに合わせるには、解像度はいくつがいい？画像最適化するなら解像度も理解しよう！](/v1/k/blog/docs/2018/06/retina-display.md) — Retinaディスプレイ向けの画像は解像度をいくつにすべきかを検証しました。結論は72dpiで問題なく、調整すべきなのは解像度ではなく画像の表示サイズのほうです。
  `web-imaging` `lightfile` `performance` / 2018-06-20
- [競合サイトを分析できるサービス・ツールまとめ（2018年6月版）](/v1/k/blog/docs/2018/06/comparison2018.md) — 競合サイトを分析できるサービスやツールを、2018年6月時点でまとめました。SimilarWeb をはじめ、無料の範囲でどこまで調べられるかを実際に触って整理しています。
  `performance` / 2018-06-19
- [メディアサイトは84%が対応済み！Lighthouseで調べたモバイルフレンドリーなサイトの割合](/v1/k/blog/docs/2018/06/lighthouse-mobile-friendly.md) — Lighthouse がモバイルフレンドリーと判定したサイトの割合を、ジャンル別に集計しました。ブログ・メディアは84%が対応済みですが、上場企業のコーポレートサイトは61%にとどまります。
  `lighthouse` / 2018-06-19
- [表示サイズごとにファイルサイズを比較！画像最適化は、表示サイズと画質調整が重要！](/v1/k/blog/docs/2018/06/imagesize-jpeg-png.md) — 表示サイズを変えながらJPEGとPNGのファイルサイズを比べました。サイズが変わっても比率はあまり変わらず、最高画質のJPEGでもPNGとは1.4倍の差が出ています。
  `web-imaging` `lightfile` / 2018-06-18
- [レスポンシブ・ウェブ・デザインにおいて画像最適化が意味するもの](/v1/k/blog/docs/2018/06/rwd-image-optimisation.md) — レスポンシブ・ウェブ・デザインにおける画像最適化の意味を説明します。同じソースで全端末に配るぶん、高速回線でない環境に不要な容量を送らない工夫が要ります。
  `web-imaging` `lightfile` `performance` / 2018-06-15
- [実録Lighthouseのスコア改善〜Performance(ユーザー待ち時間)編](/v1/k/blog/docs/2018/06/lighthouse-performance.md) — 自社コーポレートサイトで Lighthouse の Performance スコアを改善した記録です。CDNの導入、画像の軽量化、遅延読み込みが効き、カルーセルの是非にも触れます。
  `lighthouse` `pagespeed-insights` / 2018-06-14
- [JPEGとPNGの使い分けは、色数が多いか少ないかで決まる](/v1/k/blog/docs/2018/06/png-jpeg.md) — JPEGとPNGはどちらを選ぶべきかを、色数という観点から説明します。写真のように色数が多ければJPEG、ロゴやアイコンのように少なければPNG。特性を掴めば容量が半分になることもあります。
  `web-imaging` / 2018-06-14
- [上場企業から3,198サイトをLighthouseで監査してみた](/v1/k/blog/docs/2018/06/mobilebench-jpx-markets.md) — 上場企業約3,600社のコーポレートサイト3,198件に Lighthouse を実行し、モバイル対応と表示速度の実態を調べました。各スコアの平均値とヒストグラムを公開します。
  `lighthouse` / 2018-06-12
- [LightFileチャレンジ「軽量化前のきれいな元画像はどれ？」の答え合わせ](/v1/k/blog/docs/2018/06/mtddc-quiz-answer.md) — MTDDC Meetup HOKKAIDO 2018 のブースで出題した「軽量化する前の元画像はどれ？」クイズの答え合わせです。正解は25人、見分けられた人は42%でした。
  `web-imaging` `pr` `lightfile` `performance` / 2018-06-11
- [2018年6月9日「MTDDC MEETUP HOKKAIDO 2018」登壇＆ブース出展のお知らせ](/v1/k/blog/docs/2018/06/mtddc-sponsor.md) — MTDDC MEETUP HOKKAIDO 2018 に代表の宮永がブースセッションで登壇し、Google の監査ツール Lighthouse の見方を解説します。スポンサーブースも出展します。
  `event` / 2018-06-06
- [JPEG2000について相談されたので、使われていない理由を調べてみた](/v1/k/blog/docs/2018/06/jpeg2000.md) — ECサイトで JPEG2000 を使えないかと相談を受けたので、なぜ普及していないのかを調べました。対応ブラウザが Safari のみであることと、再生の負荷が理由です。
  `web-imaging` `lightfile` `performance` / 2018-06-06
- [MTDDC Meetup HOKKAIDO 2018のブースで画像の目利きクイズを開催します](/v1/k/blog/docs/2018/06/quiz-shinganhantei.md) — MTDDC Meetup HOKKAIDO 2018 のアイデアマンズブースで開くクイズのご案内です。4Kモニタに並んだ4枚から軽量化前の元画像を見分けられるか、挑戦してみてください。
  `event` / 2018-06-05
- [月刊アイデアマンズブログ 2018年5月の人気記事](/v1/k/blog/docs/2018/06/201805.md) — 2018年5月にアイデアマンズブログでよく読まれた記事をまとめました。Lighthouse 3.0 の登場もあり、Chrome DevTools など計測系の記事に人気が集まっています。
  `pr` / 2018-06-02

## 2018年5月

- [無料でチェックしてみよう！異なる4つのウェブサイトでみる、トップページ表示に利用されているファイル種類の割合。](/v1/k/blog/docs/2018/05/webpage-inside.md) — 業種の異なる4つのサイトのトップページについて、表示に使われているファイルの種類と割合を調べました。自分のサイトで同じことを確かめる手順も紹介します。
  `lightfile` `performance` / 2018-05-31
- [どれもこれも使いやすい！外部サービスのウェブパフォーマンス計測ツールまとめ](/v1/k/blog/docs/2018/05/web-performance-tools.md) — 外部サービスとして使えるWebパフォーマンス計測ツールを3つ紹介します。いずれも導入が簡単で、有料版にも試用期間があるため、まず測ってみたいときに向いています。
  `performance` / 2018-05-29
- [MT東京-47で「あなたのサイトは何秒？」というLTをしてきました](/v1/k/blog/docs/2018/05/lt-mttokyo47.md) — MT東京とオウンドメディア勉強会のコラボイベントで「あなたのサイトは何秒？」というライトニングトークをしました。表示速度の測り方と、当日の会場の様子をお伝えします。
  `lightfile` `performance` / 2018-05-28
- [JPGなら約45%も軽くなる！透過がないその画像、JPGよりも重いけどほんとうにPNGでいいの？](/v1/k/blog/docs/2018/05/jpg-png.md) — 透過が不要な画像をなんとなくPNGで書き出していませんか。OGP画像のサイズでJPGとPNGを比べたところ、JPGなら約45%軽くなりました。使い分けの目安を示します。
  `web-imaging` / 2018-05-25
- [ウェブパフォーマンスをモニタリングするCalibreは、ファーストビューの様子を動画でキャプチャしてくれるのがイイ！](/v1/k/blog/docs/2018/05/calibre.md) — Webパフォーマンスを継続的に計測するツール Calibre を紹介します。設定はサイト側に何も埋め込まず数分で済み、ファーストビューが表示される様子を動画で確認できます。
  `performance` / 2018-05-22
- [スマホでアクセスした時に、ファーストビューの表示までどのくらいかかる？WebPagetestですぐに調べてみよう！](/v1/k/blog/docs/2018/05/web-pagetest.md) — WebPagetest を使って、スマホでアクセスしたときにファーストビューが出るまで何秒かかるかを調べる手順です。回線や端末を指定して、実際に近い条件で測れます。
  `performance` / 2018-05-21
- [合成モニタリングツール New Relic を試してみる](/v1/k/blog/docs/2018/05/new-relic.md) — Webパフォーマンスの定点観測に New Relic を使う方法を紹介します。サーバー監視で知られるツールですが、フロントエンドの表示性能も視覚的にわかりやすく追えます。
  `performance` / 2018-05-17
- [Webパフォーマンスは、RAILモデルで計測する。ユーザーファーストで考える最適化。](/v1/k/blog/docs/2018/05/rail.md) — 表示速度を体感ではなく数値で捉えるための RAIL モデルを説明します。Response・Animation・Idle・Load の4つの観点で、ユーザー中心に性能を見る考え方です。
  `performance` / 2018-05-15
- [LightFile Simulatorに、最適化後のページを実際に見られる体験機能を追加](/v1/k/blog/docs/2018/05/lightfile-simulator.md) — LightFile シミュレータに体験機能を追加しました。数値のレポートだけでなく、最適化したあとのページを実際に開いて、表示の速さと画質をその場で確かめられます。
  `web-imaging` `lightfile` `performance` / 2018-05-11
- [【イベントレポート】Japan IT Week 春（東京ビッグサイト）に行ってきました。](/v1/k/blog/docs/2018/05/japan-it-week-haru.md) — 東京ビッグサイトで開かれた Japan IT Week【春】の見学レポートです。Web・デジタルマーケティング EXPO を中心に、会場の様子と気になった展示を紹介します。
  `event` / 2018-05-10
- [スマホ表示の高速化とダイエットは似ている。続けるにはサポートが要る](/v1/k/blog/docs/2018/05/speedup-like-diet.md) — 表示高速化が進まない理由を、ダイエットになぞらえて考えました。やり方は公開されているのに手が付かない。続けるために何が要るのかを、技術の話抜きで整理します。
  `performance` / 2018-05-10
- [ブランディングメインか、一覧にするか。時計メーカーのWebサイトトップページは、18%〜96%を画像が占める。](/v1/k/blog/docs/2018/05/watch.md) — 時計メーカーのトップページを調べたところ、画像の占める割合は18%から96%でした。ブランディング重視の海外勢と、製品一覧を見せる国内勢という作りの違いも見えます。
  `web-imaging` / 2018-05-07
- [Googleのスピード スコアカードでECサイトの機会損失を算出する](/v1/k/blog/docs/2018/05/site-speedchk.md) — Google が公開した Speed Scorecard と Impact Calculator を使い、読み込み速度の遅れがECサイトの売上にどれだけの機会損失を生むかを試算しました。
  `cvr` `web-imaging` `lightfile` `performance` / 2018-05-02
- [月刊アイデアマンズブログ 2018年4月の人気ブログ記事は？表示高速化とWebPに注目が集まってます。](/v1/k/blog/docs/2018/05/201804.md) — 2018年4月にアイデアマンズブログでよく読まれた記事をまとめました。WebP と表示高速化に関する記事に注目が集まっています。
  `pr` / 2018-05-01

## 2018年4月

- [音響業界のトップページは画像がデータ量の17%〜89%を占める](/v1/k/blog/docs/2018/04/audio.md) — 音響業界10社のトップページを調べたところ、ダウンロード容量に占める画像の割合は17%から89%まで開きがありました。取扱製品が少ない会社ほどレイアウトが簡潔という傾向も見えます。
  `web-imaging` / 2018-04-28
- [Photoshopの書き出しで何が変わるかは、差分をとればみえてくる](/v1/k/blog/docs/2018/04/image-diff.md) — Photoshop で画質を落として書き出した画像が、元の画像とどこがどう変わっているのかを差分として可視化しました。人の目ではわかりにくい変化も、比べれば見えてきます。
  `web-imaging` `lightfile` / 2018-04-26
- [LightFileをCDNと併用してサイト表示高速化（画像最適化）の相乗効果を！](/v1/k/blog/docs/2018/04/cdn-configuration.md) — CDNを入れているから表示速度は大丈夫、という誤解について説明します。CDNは配信を速くしますが画像そのものは軽くならないため、画像最適化と併用すると効果が重なります。
  `web-imaging` `lightfile` `performance` / 2018-04-24
- [動画での訴求が流行り？3%〜93%と幅広い住宅設備・リフォーム関係の企業トップページは、ゴテゴテしてないから容量も軽い。](/v1/k/blog/docs/2018/04/reform.md) — 住宅設備・リフォーム関連9社のトップページを調べました。画像の割合は3%から93%と幅広く、動画を置かないサイトは全体に軽く作られている傾向が見えます。
  `web-imaging` `lightfile` / 2018-04-24
- [横幅いっぱいの動画を配置しているサイトも！生活家電企業のトップページは、画像が10%〜88%を占めている！](/v1/k/blog/docs/2018/04/kaden.md) — 生活家電メーカー11社のトップページを調べました。画像の占める割合は10%から88%で、動画を置いているサイトは画像が1割程度、動画がなければ半分以上が画像という傾向でした。
  `web-imaging` `lightfile` / 2018-04-23
- [画像が24%〜92%を占めるという事実。日本の鉄道会社Webサイトのトップページをチェックしてみた。](/v1/k/blog/docs/2018/04/image-ratio-railway.md) — 日本の鉄道会社11社のトップページを調べたところ、ダウンロード容量に占める画像の割合は24%から92%でした。画像の重さがページ全体をどれだけ左右するかがわかります。
  `web-imaging` `lightfile` `performance` / 2018-04-16
- [高画質な4K・8K時代に備えて、画像のファイルサイズを知っておこう！TVの進化はオリンピックとともに。](/v1/k/blog/docs/2018/04/4k8k.md) — 4K・8Kのディスプレイが普及すると、画像のファイルサイズはどうなるのかを考えます。フルHD・4K・8Kの表示サイズを並べて比べ、必要な画像の大きさを整理しました。
  `web-imaging` `lightfile` / 2018-04-13
- [WebPってなに？Googleが作った軽くて透過も使える画像フォーマット](/v1/k/blog/docs/2018/04/webp.md) — Google が作った画像フォーマット WebP を説明します。JPGより軽く、PNGのように透過も扱えます。対応ブラウザの状況と、導入すると容量がどう変わるかを確かめる方法も紹介します。
  `webp` `web-imaging` `performance` / 2018-04-12
- [月刊アイデアマンズブログ 2018年3月の人気記事](/v1/k/blog/docs/2018/04/201803.md) — 2018年3月にアイデアマンズブログでよく読まれた記事をまとめました。無料で試せる LightFile シミュレータの公開と、表示高速化に関する過去記事が上位に入っています。
  `pr` / 2018-04-12
- [画像最適化処理はシステムにまかせて自動化！作業フローを変えずに確実に最適化しましょう。](/v1/k/blog/docs/2018/04/workflow-img.md) — 画像最適化を人の作業に頼ると、担当者が忙しいときに漏れます。作業フローを変えずにシステム側で自動的に最適化する考え方と、現場でよくある悩みを整理しました。
  `web-imaging` `lightfile` `performance` / 2018-04-09
- [画質が悪い？JPGがパキッっとした画像に向いていないのは、どうしてなのか？画像の特性を知れば解決策が見えてくる！](/v1/k/blog/docs/2018/04/jpg-mabiki.md) — 色数の少ないパキッとした画像をJPGで保存すると、なぜモアレのような荒れが出るのかを説明します。JPGの圧縮の仕組みから、どの画像にどの形式が向くのかを整理します。
  `web-imaging` / 2018-04-09
- [画像処理（画像軽量化）を行う３つのメリット。ファイルサイズ削減で、表示高速からコストダウンまで！](/v1/k/blog/docs/2018/04/image-optimize-merit.md) — 画像を軽量化すると得られる3つのメリットを順に説明します。表示が速くなること、転送量が減ること、そして転送量が減った結果クラウドの費用が下がることです。
  `cvr` `web-imaging` `cloud-cost` `performance` / 2018-04-06
- [画像最適化ツールLightFileのご紹介](/v1/k/blog/docs/2018/04/pr-lightfile.md) — 画像最適化ツール「LightFile」の紹介です。画質をきれいなまま軽量化することで、表示の高速化とクラウドの転送量削減を両立します。サービスの基本情報をまとめました。
  `web-imaging` `pr` `lightfile` `performance` / 2018-04-03

## 2018年3月

- [モバイルファーストインデックス開始。スマホの読み込み速度をどう改善するか](/v1/k/blog/docs/2018/03/googlemfi.md) — Google のモバイルファーストインデックスが始まりました。読み込み速度がモバイル検索の順位に影響するとされる中で、スマホ向けにまず何をすべきかを整理します。
  `web-imaging` `lightfile` `performance` / 2018-03-27
- [MTDDC Meetup HOKKAIDO 2018にブース出展します](/v1/k/blog/docs/2018/03/mtddc-meetup-hokkaido-2018.md) — 札幌で開かれる MTDDC Meetup HOKKAIDO 2018 をアイデアマンズが応援します。当日はブースで、LightFile シミュレータを使った表示高速化の相談も承ります。
  `event` / 2018-03-27
- [Rankletで今見られている記事、もっと見せたい記事などを自動で表示してコンテンツの最適化をしませんか？](/v1/k/blog/docs/2018/03/rankindex.md) — Ranklet が用意している7種類の順位指標を、どう使い分けるかを説明します。ページビュー順のほか、滞在時間やページの価値、離脱率など、目的に応じた並べ方が選べます。
  `ranklet` / 2018-03-27
- [LightFileシミュレータβ版を公開。画像がどこまで軽くなるかひと目で分かる](/v1/k/blog/docs/2018/03/lightfile-simulator.md) — ページで使われている画像がどこまで軽くなるかを試せる「LightFile シミュレータ」β版を公開しました。画像単体でもページ全体でも、削減できる容量と画質を確かめられます。
  `web-imaging` `lightfile` `performance` / 2018-03-26
- [実際、画像を軽量化すると本当に表示高速化されるの？LightFileの処理前後が比較できるページを公開しました。](/v1/k/blog/docs/2018/03/lightfile-demo.md) — 画像を軽量化すると本当に表示が速くなるのかを、その場で体感できる比較ページを公開しました。HTMLがほぼ同じ2ページに、LightFile の処理前と処理後の画像を読み込ませています。
  `web-imaging` `lightfile` / 2018-03-20
- [Photoshopで最高画質に書き出したバナーをLightFileで軽量化する](/v1/k/blog/docs/2018/03/photoshop-lightfile.md) — Photoshop で作ったバナーを最高画質で書き出し、そこに LightFile の処理をかけました。書き出し時の画質設定をどうすべきかを、ファイルサイズと画質の両面から検証します。
  `web-imaging` `lightfile` / 2018-03-15
- [画質を保ちながら、ファイルサイズを軽くするLightFileの処理は、「比較して選ぶ」が重要なのです。](/v1/k/blog/docs/2018/03/lightfile-feature.md) — LightFile が画質を保ったままファイルサイズを減らせる理由を説明します。設定値どおりに1回処理するのではなく、圧縮率の違う結果を複数作って比較し、最も劣化の少ないものを選んでいます。
  `web-imaging` `lightfile` / 2018-03-13
- [「ヒビコレ」「くにくにネット」：Ranklet活用事例](/v1/k/blog/docs/2018/03/usercase04.md) — アクセスランキング Ranklet の導入事例です。「ヒビコレ」と「くにくにネット」の2サイトについて、設置場所や表示件数などの使い方を紹介します。
  `ranklet` / 2018-03-13
- [月刊アイデアマンズブログ 2018年2月の人気ブログ記事は？Rankletの活用ブログとCMSプロレスに参加してきたよ！](/v1/k/blog/docs/2018/03/201802.md) — 2018年2月にアイデアマンズブログでよく読まれた記事をまとめました。Ranklet の活用事例シリーズと、CMSプロレスの参加レポートが上位に入っています。
  `pr` / 2018-03-06
- [設定するだけでOK！LightFileとクラウド型画像処理サービスの導入時の違いを考えてみる。](/v1/k/blog/docs/2018/03/lightfile-install.md) — 画像最適化サービスは、導入するときに何が違うのかを整理しました。クラウド型のサービスと LightFile を、必要な作業や既存サイトへの影響の観点で比べています。
  `web-imaging` `lightfile` / 2018-03-01

## 2018年2月

- [「KAMPLOG」：Ranklet活用事例](/v1/k/blog/docs/2018/02/usercase03.md) — アクセスランキング Ranklet の導入事例です。ブログ「KAMPLOG」がサイドエリアにランキングを5件表示している例を、設置の意図とあわせて紹介します。
  `ranklet` / 2018-02-26
- [LightFileの新型シミュレータ画面を、MT東京vol.44でLightning Talkしてきました！](/v1/k/blog/docs/2018/02/lightfile-lt.md) — MT東京 vol.44 で、LightFile の新しいシミュレータ画面をライトニングトークで紹介しました。URLを入力して解析するとレポートが発行される、新機能の様子をお伝えします。
  `web-imaging` `event` `lightfile` / 2018-02-23
- [スマホ表示最速王決定戦！CMSプロレスvol.03に参加してきました！](/v1/k/blog/docs/2018/02/cmsvol03-result.md) — 「第3回CMSプロレス ウェブサイト表示速度 最速王者決定戦」の参加レポートです。Test My Site での計測結果と、当日その場で行った高速化の実装について報告します。
  `web-imaging` `event` `lightfile` `performance` / 2018-02-20
- [「遊々空間」「がらくたチップス」：Ranklet活用事例](/v1/k/blog/docs/2018/02/usercase02.md) — アクセスランキング Ranklet の導入事例です。「遊々空間」と「がらくたチップス」の2サイトについて、設置場所や表示件数、記事づくりへの活かし方を紹介します。
  `ranklet` / 2018-02-20
- [「＊ひだまりさん日記＊」「higuchi.com blog」：Ranklet活用事例](/v1/k/blog/docs/2018/02/usercase01.md) — アクセスランキング Ranklet の導入事例です。「＊ひだまりさん日記＊」と「higuchi.com blog」の2サイトについて、設置場所や表示件数などの使い方を紹介します。
  `ranklet` / 2018-02-16
- [スマホ表示の最速王決定戦！CMSプロレス vol.03は、とにかく速い人が勝つ！](/v1/k/blog/docs/2018/02/cms-vol03.md) — ロフトワーク主催「第3回CMSプロレス ウェブサイト表示速度 最速王者決定戦」に参加します。Google の Test My Site で計測して速い方が勝ちという、シンプルな対戦のルールを紹介します。
  `web-imaging` `event` `lightfile` `performance` / 2018-02-15
- [たった5分でスマホ表示を速くする。画像が軽くなれば表示は速くなる](/v1/k/blog/docs/2018/02/5minutes-fast-display.md) — スマホの表示を速くしたいけれど何から手を付けるか、という方に向けて、画像の軽量化を5分で始める方法を説明します。LightFile なら導入後は自動で処理し続けます。
  `web-imaging` `lightfile` `performance` / 2018-02-09
- [Ranklet利用者に聞いた、追加してほしい機能ランキング](/v1/k/blog/docs/2018/02/ranklet6ranklet.md) — Ranklet のユーザーアンケートから、追加してほしい機能の要望を集計しました。ランキング数の増加が最も多く、そのほか上位に挙がった要望もあわせて紹介します。
  `ranklet` / 2018-02-08
- [Chrome DevToolsのPerformanceパネルで3G回線の表示時間を測る](/v1/k/blog/docs/2018/02/devtools-performance.md) — Chrome DevTools の Performance パネルで回線速度を擬似的に落とし、3G回線ではページが何秒で表示されるかを確かめる方法です。高速回線では気づけない遅さを再現できます。
  `web-imaging` `performance` / 2018-02-08
- [Chrome拡張「Page Load Time」で表示時間を手軽に計測する](/v1/k/blog/docs/2018/02/page-load-time.md) — 今見ているページの表示時間を、クリックひとつで確かめられる Chrome拡張「Page Load Time」を紹介します。DevTools ほどの情報は要らないときに手軽に使えます。
  `web-imaging` `performance` / 2018-02-08
- [JPGにする？PNGにする？背景の透過がなければ、どちらの画像形式にするほうが軽くなるのか試してみよう](/v1/k/blog/docs/2018/02/jpg-png.md) — 背景の透過が要らない画像は、JPGとPNGのどちらが軽くなるのかを実際に試しました。Web画像フォーマットの使い分けが1枚でわかるチートシートの日本語版もあわせて公開しています。
  `web-imaging` / 2018-02-06
- [Ranklet 1,000アカウント達成記念！ 数量限定キャンペーン](/v1/k/blog/docs/2018/02/ranklet-1000.md) — Ranklet の1,000アカウント突破キャンペーンについて、限定枠を追加したお知らせです。1月31日までに申し込まれた方への特典付与も完了しています。
  `ranklet` / 2018-02-03
- [月刊アイデアマンズブログ 2018年1月の人気ブログ記事はこれだ！Rankletが1,000ユーザー達成しました！](/v1/k/blog/docs/2018/02/201801.md) — 2018年1月にアイデアマンズブログでよく読まれた記事をまとめました。Ranklet の1,000ユーザー達成のお知らせや、アクセスランキングによるPV改善の話題を振り返ります。
  `pr` / 2018-02-01

## 2018年1月

- [AWS Lambdaでの画像最適化は低コストで確実に動く](/v1/k/blog/docs/2018/01/lambda-image-optimize.md) — AWS Lambda で画像最適化を動かすと、コストと運用がどう変わるのかを日本経済新聞社の事例から見ています。EC2で同等の構成を組む場合と比べて10分の1程度という数字も紹介します。
  `web-imaging` `lightfile` / 2018-01-31
- [PC向けとスマホ向けでこんなにファイルサイズがかわる？！トップページのスライダー画像を調べてみた](/v1/k/blog/docs/2018/01/just-image-size.md) — トップページのスライダー画像が、PC向けとスマホ向けでどれだけ容量が違うかを実測しました。PC向け240KBに対しスマホ向けは35KBと、約85%も軽くできる余地があります。
  `web-imaging` `performance` / 2018-01-30
- [Chrome デベロッパーツールのNetworkパネルで読み込み画像を調べる](/v1/k/blog/docs/2018/01/google-chrome-network.md) — Google Chrome のデベロッパーツールの Network パネルで、開いているページがどんな画像を何KB読み込んでいるかを調べる手順を説明します。表示が重い原因を特定する最初の一歩です。
  `lightfile` `performance` / 2018-01-26
- [ランキングツールの Rankletのサムネイル画像を最適化して、表示速度の改善をする方法](/v1/k/blog/docs/2018/01/ranklet4ranklet.md) — Ranklet のランキングに出るサムネイルは、既定でそのページのOGP画像を使います。OGP画像は大きいため、表示サイズに合った画像を指定して読み込みを軽くする方法を説明します。
  `ranklet` / 2018-01-22
- [Ranklet 1,000アカウント達成記念！ お申込み先着100名様限定キャンペーンを実施いたします！](/v1/k/blog/docs/2018/01/ranklet-1000campaign.md) — アクセスランキング Ranklet の1,000アカウント突破を記念したキャンペーンのお知らせです。有料プランの方にはウィジェットを1つ追加、無料プランの方は先着100名様が対象でした。
  `ranklet` / 2018-01-18
- [トップページのスライダーバナーはどこまで軽くなるか](/v1/k/blog/docs/2018/01/photoshop-jpg-diet-07.md) — 実際のWebサイトで使われるスライダーバナーに近い条件で、Photoshop の書き出しと LightFile Core の削減率を比べました。比較に使ったデータ一式もダウンロードできます。
  `web-imaging` `lightfile` / 2018-01-16
- [PageSpeed Insightsで分かるのは表示サイズの適否まで](/v1/k/blog/docs/2018/01/pagespeed-insight-report.md) — Google PageSpeed Insights の使い方と、レポートの読み方を説明します。このツールでわかるのは画像の表示サイズが適切かどうかで、画質の軽量化はさらに別の余地として残ります。
  `web-imaging` `performance` / 2018-01-15
- [ランキング表示サービスのRankletは、1,000ユーザーを突破しました！](/v1/k/blog/docs/2018/01/ranklet1000user.md) — アクセスランキングサービス Ranklet の利用者が1,000ユーザーを突破しました。ご愛顧への感謝とあわせて、FAQの整備など今後予定している改善についてもお知らせします。
  `ranklet` / 2018-01-11
- [月刊アイデアマンズブログ 2017年12月の人気記事](/v1/k/blog/docs/2018/01/201712.md) — 2017年12月にアイデアマンズブログでよく読まれた記事をまとめました。画像最適化やアクセスランキングに関する話題を振り返り、2018年の発信の方向もお知らせします。
  `pr` / 2018-01-10

## 2017年12月

- [Photoshopの画質設定を100から80まで試して分かったこと](/v1/k/blog/docs/2017/12/photoshop-qualitycheck-100-80.md) — Photoshop の「Web用に保存」で画質を100から80まで変えながら、ファイルサイズと元画像との差分を調べました。どのあたりから見た目に影響が出るのか、画質80で十分かを検証します。
  `web-imaging` `lightfile` / 2017-12-22
- [人間の目ではなかなかわからない！Photoshopの画質設定ごとに、画像にどんな差分があるのか調べてみた。](/v1/k/blog/docs/2017/12/photoshop-web-publish.md) — Photoshop の「Web用に保存」で画質設定を変えると、書き出した画像にどんな差分が出るのかを調べました。人の目では違いがわかりにくい範囲でも、ファイルサイズは大きく変わります。
  `web-imaging` `lightfile` / 2017-12-21
- [冬季休業のご案内（2017年）](/v1/k/blog/docs/2017/12/2017winter.md) — アイデアマンズ株式会社の2017年から2018年にかけての年末年始の休業日程をお知らせします。最終営業日は12月29日、休業は12月30日から1月8日まで、営業再開は1月9日です。
  `pr` / 2017-12-20
- [パフォーマンスをあげよう！デジタル時代におけるWebパフォーマンスが速いことのメリット](/v1/k/blog/docs/2017/12/web.md) — Webの表示が速いと何が得なのかを、Akamai のリテールレポートなどの調査データから整理しました。スマホが当たり前になった今、表示速度が売上や離脱にどう効くのかを説明します。
  `web-imaging` `lightfile` `performance` / 2017-12-15
- [WordPressプラグイン「Imsanity」で大きな画像を自動リサイズ](/v1/k/blog/docs/2017/12/wp-imsanity.md) — 大きな画像をアップロードしても自動でリサイズしてくれる WordPress プラグイン「Imsanity」を試しました。画質の最適化とは別に、表示サイズに合わせて縮めることの効果を検証します。
  `web-imaging` `lightfile` / 2017-12-12
- [JPGダイエット対決！LightFileと画像軽量化サービスとの戦いは終わらない。コストダウンや表示高速化のメリットも。](/v1/k/blog/docs/2017/12/jpgdiet-matome.md) — 画像の軽量化「JPGダイエット」のまとめです。なぜ軽量化するのか、どこまで減らすと画質に影響するのか、他社ツールとの比較記事の一覧をここから辿れます。表示速度と転送量の両面で効きます。
  `web-imaging` `lightfile` / 2017-12-08
- [Photoshopの書き出しは画質設定次第、意外と画質60でも通用する](/v1/k/blog/docs/2017/12/photoshop.md) — Web制作の定番 Photoshop の「Web用に保存」と LightFile Core を比べました。画質設定によってファイルサイズがどう変わるか、画質60でも実用に耐えるのかを検証します。
  `web-imaging` `lightfile` / 2017-12-06
- [画像の差分をみてみよう！変化がわかると、違いがわかる！比べてわかるクオリティと差分の関係。](/v1/k/blog/docs/2017/12/jpeg-compare.md) — 画像を最適化すると、元の画像とどれだけ違いが出るのかを ImageMagick の compare コマンドで可視化しました。機械が測る「差分」と人が感じる「劣化」は別物だという話をします。
  `web-imaging` `lightfile` / 2017-12-04
- [「JPEGmini」は画質を優先した画像最適化が得意なデスクトップアプリ](/v1/k/blog/docs/2017/12/jpegmini.md) — PCにインストールして使う画像最適化アプリ「JPEGmini」と LightFile Core を比べました。画質を優先するタイプの最適化がどこまで削減できるのか、同じ画像で検証しています。
  `web-imaging` `lightfile` / 2017-12-01
- [月刊アイデアマンズブログ / 2017年11月の話題は「ランキング」と「ページ表示の高速化」](/v1/k/blog/docs/2017/11/201711.md) — 2017年11月にアイデアマンズブログで反響のあった記事をまとめました。Movable Type と WordPress のランキングプラグイン比較や、ページ表示の高速化に関する話題を振り返ります。
  `pr` / 2017-12-01

## 2017年11月

- [拡充してほしいコンテンツは？！みんなどのプランで利用してる？！Rankletユーザーアンケート結果](/v1/k/blog/docs/2017/11/user-question.md) — Ranklet のユーザーアンケートの結果です。どのプランを使っているか、どんなコンテンツの拡充を望むかを集計し、無料プランで始める方が多い理由もあわせて紹介します。
  `ranklet` / 2017-11-29
- [MT東京 vol.41「MTDDC 2017 play again」に参加してきました](/v1/k/blog/docs/2017/11/mttokyo41.md) — MT東京 vol.41「MTDDC 2017 play again」の参加レポートです。Movable Type 7 の Developer Preview 1.1 で見えたコンテンツ・タイプや管理画面の変化をまとめています。
  `event` / 2017-11-27
- [意外に？クリック率がある！ページビュー増などランキングコンテンツはUX改善効果あり？！](/v1/k/blog/docs/2017/11/ranklet3.md) — Ranklet を導入したサイトの実績データから、ランキングコンテンツのクリック率を見ています。平均1.4%、最大では64%に達する例もあり、回遊とPVを押し上げる効果が読み取れます。
  `ranklet` / 2017-11-24
- [TinyPNGのWordPress版「Compress JPEG & PNG images」を試す](/v1/k/blog/docs/2017/11/wp-tinypng.md) — 画像最適化の代表格 TinyPNG の WordPress プラグイン「Compress JPEG & PNG images」と LightFile Core を比べました。削減率と画質の劣化がどう違うかを実際の画像で検証します。
  `web-imaging` `lightfile` / 2017-11-22
- [Rankletを利用いただいている理由やメリットをご紹介！設置の簡単さがポイント！](/v1/k/blog/docs/2017/11/ranking-merit.md) — アクセスランキング Ranklet を選んでいただいた理由を、ユーザーの声からまとめました。数分で設置できること、無料プランでも広告が出ないこと、Google Analytics の指標で細かく調整できることが挙がっています。
  `ranklet` / 2017-11-21
- [WordPressの「EWWW Image Optimizer」は有料APIで本気になるか](/v1/k/blog/docs/2017/11/wp-ewww-image-optimizer.md) — WordPress で人気の画像最適化プラグイン「EWWW Image Optimizer」と LightFile Core を比べました。有料APIを使うと結果がどう変わるかを、削減率と画質の両面で検証します。
  `web-imaging` `lightfile` / 2017-11-20
- [Google Analyticsのデータからランキングを自動生成する](/v1/k/blog/docs/2017/11/ranking-googleanalytics.md) — Google Analytics のデータからアクセスランキングを自動生成する Ranklet の使いどころを紹介します。CMSを問わずプラグイン不要で設置でき、運用の手間を減らしながら回遊を増やせます。
  `ranklet` / 2017-11-17
- [速いは正義！dev.toにみるウェブページ表示高速化の画像最適化手法をみてみた](/v1/k/blog/docs/2017/11/devto-image-optimize.md) — 表示の速さで話題になったエンジニア向けサービス dev.to が、どんな画像最適化をしているのかを調べました。実際に配信されている画像の形式やサイズから、高速化の手口を読み解きます。
  `web-imaging` `performance` / 2017-11-16
- [画像の色味が変わる？色空間は再現範囲が異なるから、Exif情報のColorまわりの項目には気をつけよう！](/v1/k/blog/docs/2017/11/exif-color.md) — 画像を加工したら色味が変わった、という現象の原因を説明します。Exif の Color Space Data など色に関するメタデータが失われたり書き換えられたりすると、同じ画像でも見え方が変わります。
  `web-imaging` `lightfile` / 2017-11-09
- [CMSのランキングプラグイン厳選8種類と、Webサービス型のランクレット(#Ranklet)](/v1/k/blog/docs/2017/11/rankingtool2017.md) — Movable Type と WordPress のランキングプラグイン8種類を、更新状況や機能で比較しました。CMSに依存しないWebサービス型の Ranklet との違いもあわせて整理しています。
  `ranklet` / 2017-11-07

## 2017年10月

- [CMSMix Sapporo Vol.3 （Drupalの回） に参加しました！](/v1/k/blog/docs/2017/10/cmsmix-sapporo-vol3-drupal.md) — 札幌で開かれた Drupal のもくもく会「CMSmix Sapporo Vol.3」の参加レポートです。Movable Type の北海道ユーザーグループとの接点や、当日の講義と実際に触ってみた感想をまとめています。
  `event` / 2017-10-24
- [DrupalSummit 2017にいってきました！](/v1/k/blog/docs/2017/10/drupalsummit-2017.md) — DrupalSummit 2017 の参加レポートです。WordCamp・MTDDC に続けて参加して見えた各CMSの顔ぶれと雰囲気の違い、Drupal 8 の展望や Acquia について聞いてきた内容をまとめています。
  `event` / 2017-10-23
- [60%以上の軽量化も！iPhoneで撮影した風景写真を、LightFile CoreでJPGダイエットしてみた](/v1/k/blog/docs/2017/10/jpgdiet.md) — iPhone で撮った風景写真を LightFile Core で軽量化し、他社サービスと削減率を比べました。60%以上軽くなった例もあります。画像を軽くすると表示速度や転送量にどう効くのかも説明します。
  `web-imaging` `lightfile` / 2017-10-18

## 2017年8月

- [ほとんど元画像と変わらない！ファイルサイズよりも最も劣化が少ないキレイな画質をみて、ファイルサイズを削減！](/v1/k/blog/docs/2017/08/diff-jpg.md) — LightFile Core が、画質の劣化を最小限に抑えたままファイルサイズを削減する仕組みを説明します。圧縮率の違う画像を複数生成し、視覚に現れる劣化をアルゴリズムで評価して、最も劣化の少ないものを選びます。
  `web-imaging` `lightfile` / 2017-08-22
- [サポート終了予定のお知らせ「KeitaiPost for Movable Type」](/v1/k/blog/docs/2017/08/endofsupport-keitaipost.md) — メール投稿プラグイン「KeitaiPost for Movable Type」のサポートを2018年3月31日で終了します。以後は脆弱性対応を含むアップデートを行いません。対象製品と終了後の扱いをお知らせします。
  `mt-plugins` / 2017-08-21
- [MTプラグイン3種をオープンソース化しました](/v1/k/blog/docs/2017/08/opensource-mtplugin201708.md) — Movable Type プラグインの FlexField・ChangeDraft・InstaPost をオープンソース化しました。カスタムフィールドの拡張、公開記事の変更予約など、それぞれの役割を紹介します。
  `mt-plugins` / 2017-08-14
- [MTプラグイン「SelectCategories」で全選択・全解除をワンクリックに](/v1/k/blog/docs/2017/08/SelectCategories.md) — Movable Type でカテゴリ数の多いブログの選択作業を、ワンクリックで済ませるプラグイン「SelectCategories」を紹介します。全選択・全解除に加え、修飾キーで子カテゴリをまとめて選択できます。
  `mt-plugins` / 2017-08-04
- [テキストの置換機能は、「キーワード」または「正規表現」で処理できます](/v1/k/blog/docs/2017/08/ranklet-replace.md) — アクセスランキングツール Ranklet のテキスト置換機能を紹介します。キーワード指定と正規表現の2通りがあり、正規表現なら1つの設定で複数のパターンをまとめて置き換えられます。
  `ranklet` / 2017-08-03

## 2017年7月

- [[運営会社] アイデアマンズという会社のご紹介です。インターネット技術でオドロキを！](/v1/k/blog/docs/2017/07/start.md) — アイデアマンズ株式会社がどんな会社かを、広報の視点で紹介します。2005年設立、代表はプログラマの宮永邦彦。ソフトウェアの企画・開発・販売を手がける東京の小さな会社の成り立ちと雰囲気をお伝えします。
  `pr` / 2017-07-28
