ドット絵アイコン素材のピクセルガロー

TOP >
DotPixer

【ドット絵図案作成ツール】DotPixer ver.2.0

　ドット絵図案を作成する簡単な方法をお探しですか？
　このドット絵図案作成ツール「DotPixer(ドットピクサー)」を使えば、誰でも簡単にドット絵の図案を作成することができます。
　DotPixerの利用には何も費用がかかりません。誰でも無料で利用することができます。

　作成したドット絵図案はパッチワークやマインクラフト、アイロンビーズ等のドット絵関連の創作に役立てると思います。

　DotPixerは無料でお使いいただけます。

　DotPixerを是非お試しください！
　ご活用いただけると嬉しいです。

【2025年5月6日】ver.2.0をリリースしました。ドラッグ&ドロップでドット絵図案を生成できるようになった他、これまでドット絵図案の背景は透明でしたが、背景色を選んで画像に変換してダウンロード出来るようになりました。

【1】このエリアにドット絵の画像ファイルをドラッグ&ドロップします。
以下の画像フォーマットに対応しています。
(gif｜jpg｜png｜bmp)
ファイルサイズは1MB以下でお願いします。
モバイル端末をご使用の方はこちらから画像ファイルを選択してください。
↓↓読み込んだドット絵の画像とドット絵図案が下記に表示されます。↓↓
【2】背景色を選択
【3】ダウンロードするには、まずは画像への変換が必要です。
【4】そして画像変換されたドット絵図案を保存する場合はダウンロードボタンをクリックしてください。
保存される画像のフォーマットはPNGです。
ダウンロードしたドット絵図案はパッチワークやマインクラフト、アイロンビーズの制作等、ドット絵に関連する創作に活用できます。 (^^)
ドット絵図案作成ツール「DotPixer」が皆さんのお役に立てることを願っています。

【Special Thanks】

以下のサイトに掲載されているjavascriptやhtmlタグを組み合わせて、改良してこのwebツールを完成させました。皆様に感謝!!

ChatGPT：人工知能AI。ver.1.0開発から御力を頂いております。ver.2.0ではほぼ全面的にコードを生成。
パズルネット智慧：ver.2.0開発で参照。「canvasデータを画像に変換する」
SOFTELメモ Developer's blog：ver.1.0開発で参照。「ブラウザ画面にドラッグ＆ドロップされた画像をimg要素で表示する」
Srap Engineer：ver.1.0開発で参照。「Javascriptで読み込んだ画像をモザイク化してみる。」
Web Emo：ver.1.0開発で参照。「【jQuery】画像をアップロードしてプレビューを表示」
Into the Program：ver.1.0開発で参照。「【JavaScript】ボタンクリックでファイルをダウンロードする」
コアダンプの数だけ強くなれるよ：ver.1.0開発で参照。「HTML,JavaScriptで格子を描画」