Tools

手軽に画像ファイル(PNG,JPEG)のサイズを小さくする TinyPNG サイト

投稿日:2019年8月21日 更新日:

1. はじめに

PNG や JPEG 形式の画像ファイルを、なるべく見た目の品質を維持しつつ、ファイルサイズを小さくしたい場合は、TinyPNG というウェブサイトが手軽で便利です。

例えば、ウェブサイトに重い画像を載せてしまうと、ユーザーがその画像を表示するのに時間が掛かってしまいます。このような場合には、「なるべく見た目はそのままで、ファイルサイズを小さくした画像を載せる」ことが望まれます。

2. 使い方

使い方は以下になります。

  1. ウェブブラウザで TinyPNG にアクセスする。
  2. サイズを小さくしたい画像ファイル(PNGもしくはJPEG)をこのサイト上にドラッグ・アンド・ドロップする。すると、自動的に変換処理が開始される。
  3. 処理が完了すると現れるダウンロードリンクをクリックしてファイルをダウンロードする。

以下のスクリーンショットのように、複数の画像ファイルをドラッグ・アンド・ドロップすることができます。但し、 無料利用の場合は20個までという制限があり、それぞれのファイルサイズも5MBまでに限られます。

画像ファイルをドラッグ・アンド・ドロップします

新たに生成された画像ファイルを取得する方法は 3種類用意されています。

  1. 個別にダウンロードする
  2. まとめてダウンロードする (1つのZIPファイルになっています)
  3. Dropbox に保存する

以下のスクリーンショットにそれぞれのリンクやボタンが表示されていますが、シンプルで分かりやすいです。ファイルサイズがどれくらい小さくなったのかについても、数値で表示されており一目瞭然です。

サイズを小さくしたファイルがダウンロードできます

3. おわりに

TinyPNG で生成された画像は、元の画像と見た目はあまり変わりませんが、確実に劣化しています。大切な画像であれば元の画像を残しておきましょう。

また、姉妹サイト?として TinyJPG というのもありますが、中身は同じようです。

📂-Tools

執筆者:labo


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Linux

nvm を使っているUbuntu 16.04 LTS 環境に、yarn をインストールする

GitHub – creationix/nvm を使っている Ubuntu 16.04 LTS 環境に、Yarn をインストールする手順を紹介します。 Installation | Yar …

Vim

Vim: 行番号の表示

Vim の行番号表示機能について説明します。 目次1. 前提とする環境2. 行番号表示に関する設定項目number (もしくは nu)relativenumber (もしくは rnu)3. この設定項 …

Vim

vi (vim) の終了手順について

私の vi (vim) 終了手順について書いています。

Windows

Windows 10 のターミナル設定(MSYS2編)

MSYS2 を使って、Windows 10 にターミナル環境を構築する方法を紹介します。 MSYS2というのは、Windows上にUNIXライクな環境を導入するソフトウェアです。 現在では、Windo …

WSL

【WSL 2】1つのディストロから複数のインスタンスを作成する方法

1つのディストロ (WSL 2) から複数のインスタンスを作成する方法について説明します。