むらのけいじばんブログ

むらのけいじばんやwebイベントのあれこれをお届け

【pictSQUARE】店舗で直接画像を展示する方法

むらのけいじばんブログ 第2回のテーマは直接展示

pictSQUAREの店舗に下図のように画像を展示する方法です。

f:id:keijiban_ofc:20210803001907p:plain

 

他の展示方法に、リンクを用いてイラスト投稿サイト等に誘導する形式があります。

対する直接展示のメリットは面倒なワンクッションが発生しないことですね。

・・・見てくれる人も増えるかも?

なお、イラスト投稿サイト等に誘導する展示方法はブログ第1回(【pictSQUARE】店舗から別の場所へリンクを飛ばす方法)をご覧ください。

それでは本題に参ります。

 

・直接展示の方法・

直接展示はpictSPACE上で同人誌の表紙やサンプルを表示させる機能を使います。

※pict「SQUARE 」ではなくpict「SPACE」です。

 

①pictSPACEにログイン。

「店舗設定」→「店舗管理画面へ」を選択。

f:id:keijiban_ofc:20210802233731p:plain

 

②店舗管理画面から「頒布物管理」→「頒布物新規追加」を選択。

f:id:keijiban_ofc:20210803002143p:plain

 

③頒布方法を「ダウンロード商品」に切り替えます。

f:id:keijiban_ofc:20210802225951p:plain

 

④画面が下図のように変化します。

頒布電子データ」「メイン画像」「サブ画像」の3つを設定すれば完了です。

※展示物の「名前」、「単価」など必須項目は入力が必要です。「単価」は無料配布に設定できます。

f:id:keijiban_ofc:20210802223256j:plain

 

以下、それぞれの用途

 

頒布電子データ

作品を購入・ダウンロードした際に実際に頒布されるデータです。

複数枚を登録したい場合はzipなどの圧縮ファイルにします。

圧縮しなければメイン画像に設定した1枚しかカートに入れられません。

 

メイン画像

店舗に表示される画像です。

ここに登録したものが頒布物一覧のサムネイルとなります。

f:id:keijiban_ofc:20210803001803p:plain

 

サブ画像

複数枚の画像を展示したい場合に設定します。

最大10枚まで登録できます。

 

「メイン画像」「サブ画像」には840×840までの画像しか登録することができないので、実際に画像を設定する際はリサイズが必要になります。

リサイズには「iLoveIMG」というサイトがおすすめです。スマホからでも無料で使えて画質の劣化も少なく、文字やアイコンが大きくて見やすいUIになっています。

 

⑤「頒布物を公開」を選択して店舗ページを確認してみましょう!
公開できていれば下のように追加されます。(スマホでの表示です)

f:id:keijiban_ofc:20210802223417j:plain

 

作品を選択すると下のような画面になり、左側のサムネイルをタップするとサブ画像も見ることができます。

f:id:keijiban_ofc:20210802223516j:plain

 

店舗ページの確認画面とpictSQUAREのテスト出展画面では表示が異なるため、後者も確認しておくことをおすすめします。

直接展示の解説は以上となります。

 

 

*iLoveIMGの使い方

※以下はスマホからの画面です。

 

iLoveIMGのサイトに飛んだら、「画像のサイズ変更」からリサイズしたい画像を選択しましょう。ファイル選択かドラッグ&ドロップで読み込めます。

f:id:keijiban_ofc:20210804221331j:plain


②読み込んだら右の歯車マークピクセル数を設定しましょう。

f:id:keijiban_ofc:20210804221440j:plain

 

③「縦横比を維持」にチェックを入れ、画像の長辺のサイズを840以内にします。

自動的に短辺の長さも調整されるので、「画像のサイズ変更」を選択しましょう。

f:id:keijiban_ofc:20210804221530j:plain

f:id:keijiban_ofc:20210804221957j:plain

 

④下のような画面に進むので「サイズ変更された画像をダウンロード」のボタンを押して画像を保存します。 これで画像のリサイズは完了です。

f:id:keijiban_ofc:20210804222050j:plain

 

分かりにくい点がございましたら、説明文を作成した( @new_maru0221 )まで連絡をお願いします。

情報提供者:マル。(@new_maru0221)さん