ブログ - 2021-02-13 13:22:00

【HP製作者・ブロガー必見】画像を軽くする方法【縮小編】

Posted by 堀　裕成
Yusei Hori

「ホームページが重たい」

そんな声をよく聞きます。

 

サーバーの問題・Javascriptの問題などいろいろ考えられますが

まず試したいのが画像データの圧縮や縮小です。

ファイルサイズが大きくなるとやはりHPやブログは重たくなり

コンテンツを見る前に離脱される原因となってきます。

 

今回はMacユーザーの僕が

普段やっている簡単な画像縮小方法をご紹介します！

 

 

例えばこの写真

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtubeチャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|キャラクターデザイン|

1.4MBもありました。結構重たい...

よくみると大きさが4032×3024もあります。

普通にHP作るときやブログ書くときには基本こんなに大きさいらないので

小さくしていきましょう。

 

　まずは画像ファイルをダブルクリックでプレビューを起動、

上部メニューから「ツール」から「サイズを調整」を選択。

するとこんな画面が出てきます。

 

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtubeチャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|キャラクターデザイン|

 

幅・高さ・を自由に決めることもできます。

上のカスタムを押せばある程度ベーシックなサイズに縮小も可能。

今回は800×600まで縮めてみました。

すると...

 

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtubeチャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|キャラクターデザイン|

大幅ダイエット成功！

 

福岡|九州|映像制作|プロジェクションマッピング|ドローン|ホームページ|ライブ配信|特殊撮影|イベント|レーザー|特殊効果|CG制作|写真撮影|youtubeチャンネルプロデュース|モデル|音響|照明|レンタル|キャラクターデザイン|キャラクターデザイン|

実際等倍でアップしました。問題ないですね。

Macの機能だけで大幅に画像ファイルの縮小ができるのはいいですね。

皆様も是非ご活用あれ！

PEACSMINDホームページ制作についてはこちら
Posted by Yusei Hori
鳥栖テクニカルディレクター/カメラマン/WEBコーダー/ナレーター 堀　裕成

堀　裕成が書いたその他記事

2021-05-14
ビール × AR !?
2021-01-29
GH4で写真撮影
< Prev 超簡単！ MACで動画を軽くする方法！
Next > 【ポスター制作に最適！】手書き文字は簡単に作れる！
ブログ TOP

ブログ　2021-02-21 22:24:00

After Effectsを英語版で起動させる方法！

After effectsには 英語版と日本語版があります。   みなさんはどちらのversionをお使いでしょうか ...

ブログ　2021-05-13 18:36:00

小規模持続化補助金「コロナ特別対応型」の交付決定通知書がやっと届きました

以前も少しブログで書かせていただいていたのですが、 知識ゼロで 小規模持続化補助金「コロナ特別対応型」を 採択させることに成功した平野 ...

ブログ　2023-11-30 20:42:00

唯一無二なイマーシブ体験

こんにちは！しばたです。   東京で面白い企画を体験してきたので、ご紹介します！       ...

ブログ　2021-02-26 18:55:00

LED×ダンス×映像×レーザー！？！？

みなさま、こんにちは。上甲です。   Youtubeをみていたらまたすっっっっっっごいパフォーマンスを見つけてしまったので紹介 ...

ブログ　2020-10-30 14:24:00

最近悩んでいること

皆様、こんにちは。 食欲の春夏秋冬上甲です。   すっかり肌寒くなってきましたこの季節、 皆様いかがお過ごしでしょうか？ ...

ブログ　2022-09-14 23:06:00

TikTok やってますか？

  こんにちは！   宮崎です！     今日は大体の方のスマホに入っているアプリ & ...

ブログ　2021-02-19 18:49:00

AE 動画の切り抜き方法2

こんにちは、桑原です。 昨日に引き続き動画の切り抜きテクを紹介します。 前回はこちら↓ https://peacsmind. ...

ブログ　2023-03-22 12:00:00

【Adobe】画像生成AI「Firefly」とは？

こんにちは、瀬元です！   今回は3/21にAdobeから発表された画像生成AI Adobe Firefly (Beta) ...

ブログ　2024-03-31 01:02:00

【継続】入社して1年でできるようになったこと

どうも皆さんこんにちは！ 志水 勇輔(しみず ゆうすけ)です     僕は動画クリエイターとして、カメラマンとし ...

ブログ　2021-01-29 20:14:00

VS 骸骨戦士

こんにちは、桑原です。 今回は映画風AR第2段です！ 第1段はこちら↓ https://www.peacsmind.com/ ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.