【ぼやけない】ドット絵の縮小/拡大用のWebツール【PNG保存】

IT

相変わらず趣味のプログラミングを楽しんでいます。

先日、デジタルフレームを使った端末を作って遊びました。

デジタルフレームは、こんな感じのドット絵を表現できるLEDディスプレイです。

ただ、絵のセンスがほぼ無いので、良さそうなフリー素材サイトを探したところ、すぐに見つかりました。

DOT ILLUST ▪︎ 素材数4000点以上!かわいいドット絵フリー素材サイト。DOT ILLUST(ドットイラスト)は管理人nkoが作成したドット絵素材を掲載しているサイトです。素材は、利用規約の範囲内で、無料でダウンロード可・商用利用可です。
素材数4000点以上!かわいいドット絵フリー素材サイト。DOT ILLUST(ドットイラスト)は管理人nkoが作成したドット絵素材を掲載しているサイトです。素材は、利用規約の範囲内で、無料でダウンロード可・商用利用可です。
ドット絵ダウンロードサイト DOTOWN|無料の素材サイト
DOTOWN(ドッタウン)は、たくさんのかわいいドット絵に出会える無料の素材ダウンロードサイトです。商用利用可のフリー素材沢山!アイコン、資料やクロスステッチの図案にも使える

さすが、どちらのサイトもデザインが可愛いですね。

利用させてもらおうと画策していましたが、どうもダウンロードした画像は、1ドットが数十ピクセルの二乗の正方形になっているようです。

確かに、SNSのアイコンに利用する用途もありますし、その場合は大きい方が見やすいですよね。

縮小して利用すれば良いなと思い、試しにダウンロードして手元のソフトで縮小してみました。

すると、縮小後の画像はぼやけてしまいました。

調べてみると通常の縮小モードでは、基本的にぼやけてしまうようです。

縮小方式のオプションを指定できるような、お高い画像ソフトやGIMP等の高機能な画像ソフトを使えば綺麗に縮小できるでしょうが、これだけのために用意するのはオーバースペックです。

そこで、ドット絵を綺麗にサイズ変更できるWebツールを作成しました。

このツールを使えば、以下のように綺麗にサイズ変更できます。

QRコードもぼやけず、正確な縮小が可能です。

同じような悩みで当サイトに来られた方、ぜひ使ってみてください。

ドット絵サイズ変更ツール

1ドットのピクセル数を選択し、ファイルを選択してください。


変更履歴

2024/2/6 拡大時の不具合を修正

2023/11/27 新規公開

SVG画像をPNG形式に変換するWebツールも作成しました。

コメント

  1. えまーる より:

    拡大めっちゃきれいで感動です。ありがとうございます。
    縮小はどのようにしたらよいでしょうか?

  2. Shiro より:

    初めまして、利用させていただきました。Shiroと申します。
    綺麗に拡大できてうれしいです(*’▽’)

    簡単にではありますがブログで紹介させていただきたく、リンクを貼らせていただいてもよろしいでしょうか?

    何とぞよろしくお願い致します。

    • NAB より:

      コメントありがとうございます。
      お役に立てたということで何よりです。
      当サイトはリンクフリーですので、ご自由に貼って頂いて問題ございません。

  3. えまーる より:

    度々すみません。
    1×1を指定すると等倍なのですが、縮小はできますか?

タイトルとURLをコピーしました