www.ine-oke.com
Open in
urlscan Pro
118.27.100.220
Public Scan
URL:
https://www.ine-oke.com/nft-5/
Submission: On August 11 via api from US — Scanned from JP
Submission: On August 11 via api from US — Scanned from JP
Form analysis 2 forms found in the DOM
POST https://www.ine-oke.com/wp-comments-post.php
<form action="https://www.ine-oke.com/wp-comments-post.php" method="post" id="commentform" class="comment-form">
<p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span></p>
<p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p>
<p class="comment-form-author"><label for="author">名前</label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name"></p>
<p class="comment-form-email"><label for="email">メール</label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email"></p>
<p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url"></p>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p>
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAAYAQMAAABjrSnzAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAtJREFUCB1jGGEAAADwAAEhCEa3AAAAAElFTkSuQmCC" alt="CAPTCHA"
data-src="https://www.ine-oke.com/wp-content/plugins/siteguard/really-simple-captcha/tmp/1302111820.png" decoding="async" class="lazyload"><noscript><img
src="https://www.ine-oke.com/wp-content/plugins/siteguard/really-simple-captcha/tmp/1302111820.png" alt="CAPTCHA" data-eio="l"></noscript></p>
<p><label for="siteguard_captcha">上に表示された文字を入力してください。</label><br><input type="text" name="siteguard_captcha" id="siteguard_captcha" class="input" value="" size="10" aria-required="true"><input type="hidden" name="siteguard_captcha_prefix"
id="siteguard_captcha_prefix" value="1302111820"></p>
<p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信"> <input type="hidden" name="comment_post_ID" value="1496" id="comment_post_ID">
<input type="hidden" name="comment_parent" id="comment_parent" value="0">
</p>
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2a3ddda55c"></p>
<p style="display: none !important;"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="1691715035889">
<script>
document.getElementById("ak_js_1").setAttribute("value", (new Date()).getTime());
</script>
</p>
</form>GET https://www.ine-oke.com/
<form class="search-box input-box" method="get" action="https://www.ine-oke.com/">
<input type="text" placeholder="サイト内を検索" name="s" class="search-edit" aria-label="input" value="">
<button type="submit" class="search-submit" aria-label="button"><span class="fa fa-search" aria-hidden="true"></span></button>
</form>Text Content
* TOP
* NFT
* Fun
* Skill
* お問い合わせ
* TOP
* NFT
* Fun
* Skill
* 問合せ
【OPENSEAの使い方】NFT出品で苦労するバナー画像とサイズの話
2022.03.21 2021.10.07
目次
1. はじめに
2. バナーサイズの調査
1. 推奨設定についておさらい
2. 検証結果
1. ロゴサイズ
2. バナーサイズ
3. あとがき
1. 損をしないイーサリアム購入
はじめに
今日もコツコツやっております。ブログ運営者のいねおけです。
NFT出品者が段々と増えてまいりました。
出品してみるとわかるのが「バナー画像切れすぎ」問題です。
私がWindows環境だからなのかもしれませんが、OpenSeaが推奨するサイズでバナーを作成しているのに全然良い感じになりません。
OpenSeaにおけるバナー画像のサイズと、表示範囲について調べてみました。
バナーサイズの調査
推奨設定についておさらい
まず、OpenSeaで推奨されているバナーサイズについて確認します。
OpenSeaより参照・日本語訳
Banner image
(optional) This image will appear at the top of your collection page. Avoid
including too much text in this banner image, as the dimensions change on
different devices. 1400 x 400 recommended.
バナー画像
(任意）この画像は、コレクションページの上部に表示されます。このバナー画像は、デバイスによって寸法が変わるため、あまり多くのテキストを入れないようにしてください。1400×400を推奨します。
ついでにlogoサイズも一緒に検証しますので、推奨設定をおさらい。
OpenSeaより参照・日本語訳
Logo image *
This image will also be used for navigation. 350 x 350 recommended.
ロゴ画像
この画像はナビゲーションにも使用されます。350×350を推奨します。
ということで検証用にバナー画像は1400×400px、ロゴ画像は350×350pxの書き画像を準備しました。
バナー画像
ロゴ画像
これらを実際にコレクションとプロフィールにはめてどのように表示されるかを検討します。
検証結果
ロゴサイズ
ロゴについては推奨される350*350pxのサイズで問題なく表示されました。
ただし、円形にトリミングされる点については注意です。
バナーサイズ
パソコン（WINDOWS）の場合
windows + クローム
コレクションは1400 * 160pxの範囲
プロフィールは1400 * 180pxの範囲 が表示されました。
スマホ(ANDROID)の場合
アンドロイド + クローム
コレクションは630 * 400pxの範囲
プロフィールは630 * 400pxの範囲 が表示されました。
アンドロイド + OpenSeaアプリ
コレクションは560未満 * 400pxの範囲（下側スモーク）
プロフィールは840 * 400pxの範囲 が表示されました。
IPADの場合
アンドロイド + クローム
コレクションは1400 * 360pxの範囲
プロフィールは1400 * 360pxの範囲 が表示されました。
アンドロイド + OpenSeaアプリ
コレクションは1120 * 360pxの範囲（下側スモーク）
プロフィールは1400 * 280pxの範囲 が表示されました。
あとがき
環境によってバナーの表示が様々でしたね。こんなに違うとは思いませんでした。
作品の本質的な部分に影響はないかもしれませんが、「誰が見ても魅力的なコンテンツ」にしたい凝り性なクリエイターは多いと思います。そんな方の参考になれば幸いです。
損をしないイーサリアム購入
イーサリアムをつかってNFTの売買をしている全ての方に見ていただきたい記事です
「安く買う」ことからスタートして勝負を有利に進めましょう！
▷勝ちスタート？【取引所】でイーサリアム購入が出来るbitbankを推す理由
勝ちスタート？【取引所】でイーサリアム購入が出来るbitbankを推す理由
こんにちは、いねおけ（@inaho_orchestra）ですNFTの購入ではイーサリアムを利用する事が多いです...
www.ine-oke.com
2022.03.21
OpenSea、NFT関連は他にも記事を書いているので読んでもらえると幸いです。
ブログ内リンク
⇒【超・初心者向け】仮想通貨の始め方とOpenSeaの使い方
⇒【OpenSeaの使い方】polygonでガス代を少なくNFTを楽しむ
⇒【NFT】に参加！OpenSeaでイラスト売買 7作品売れました。クリエイターエコノミーな未来を感じます。
⇒NFT / OpenSeaの記事まとめ
この記事が少しでも役に立ったのならば！
ブックマーク登録や、URL紹介をしてくれたら嬉しいよ♪
また来てくださーい♬
以上です。最後まで読んでくれてありがとうございました。
NFT
シェアする
Twitter LINE コピー
ine-oke
コメント
コメントを書き込む
コメントをどうぞ コメントをキャンセル
メールアドレスが公開されることはありません。
コメント ※
名前
メール
サイト
次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。
上に表示された文字を入力してください。
Δ
ホーム
NFT
プロフィール
ine-oke
・ゲーム / イラスト好きが高じてブログを開設
・仮想通貨7ケタ運用中
・SNSで出会った絵師、YouTuberのインタビューや作品紹介
・NFTイラストレータインタビュー記事を執筆
ine-okeをフォローする
おすすめ記事
ビットコインが貯まるbitFlyer！
暗号資産と取引所の話
PAGE TOP
* プライバシーポリシー
© 2021 .
* メニュー
* TOP
* NFT
* Fun
* Skill
* お問い合わせ
* ホーム
* 検索
* トップ
* サイドバー
プロフィール
ine-oke
・ゲーム / イラスト好きが高じてブログを開設
・仮想通貨7ケタ運用中
・SNSで出会った絵師、YouTuberのインタビューや作品紹介
・NFTイラストレータインタビュー記事を執筆
ine-okeをフォローする
おすすめ記事
ビットコインが貯まるbitFlyer！
暗号資産と取引所の話
タイトルとURLをコピーしました