画像から作る｜はとぴ図鑑

1/7画像を選ぶ

JPG・PNG・WebPに対応

2/7キャンバスサイズ

先にサイズを決めておくと、次の位置調整をやり直さずに済みます

比率

サイズ

キャンバスを選択

3/7位置とサイズを調整

ドラッグして位置を、スライダーで拡大縮小して切り抜き範囲を調整してください

白い線は実際の形の目安です。この範囲を意識して位置を合わせてください

－＋

元画像

ドット絵

4/7変換方式

写真には「標準」、イラストには「なめらか」、線画やアイコンには「くっきり」がおすすめです

5/7ノイズ除去

写真のザラつきが気になる場合に調整してください。色数を減らす前に整えるのがおすすめです

6/7色数

色数が多いほど元画像に近づきますが、ゲーム内で塗る手間も増えます。まずは16色前後がおすすめです

ディザリング

7/7詳細設定

配置方法

Crop/Fillは画面いっぱいに切り抜き、Fitは画像全体が見えるよう余白を付けて収めます

余白の色

輪郭強調

明るさ

コントラスト

背景

① 画像を選ぶ
JPG・PNG・WebP形式の画像をアップロードします。

② キャンバスサイズ
「比率」からキャンバスの縦横比を、「サイズ」から実際のマス数を選びます。ゲーム内のデザイン枠（衣装・家具など）に合わせて変換したい場合は、比率の一覧からアイテムを選んでください。先にサイズを決めておくことで、次の位置調整をやり直さずに済みます。

③ 位置とサイズを調整
ドラッグして位置を、スライダーで拡大縮小して切り抜き範囲を目で見ながら決められます。あとから「位置を調整する」「サイズを変更する」ボタンでいつでもやり直せます。

④ 変換方式
画像の質感を選びます。写真には「標準」、イラストには「なめらか」、線画やアイコンには「くっきり」がおすすめです。

⑤ ノイズ除去
写真のザラつきが気になる場合に調整します。色数を減らす前に、まずこちらを整えるのがおすすめです。

⑥ 色数
使用する色数を制限します。多いほど元画像に近づきますが、ゲーム内で塗る手間も増えるため、まずは16色前後から試すのがおすすめです。ディザリング（色の粒を混ぜてグラデーションを表現する処理）も合わせて調整できます。

⑦ 詳細設定
配置方法・余白の色・輪郭強調・明るさ・コントラスト・背景など、必須ではない細かい調整はここにまとめています。必要な時だけ開いてください。

エディターで編集する
変換結果に納得したら、このボタンでアートエディターに移動し、続きを手描きで仕上げられます。