コピー2019.07.12この記事は約7分で読めます。自分のサイトの最大画面サイズを調べるこれは色々な方法がありまして、今回はちょっと難しいけどみんなが使える方法を紹介します。「検証」というツール(道具)を使います。(開発者用デべロッパーツールと言います)これならWindowsでもMacでも、利用できます。Edge、Chrome、Firefox、Safariなど、様々なブラウザで利用できます。Hep!Mac用Safariの開発者用デベロッパーツールの表示と簡単な使い方の紹介。人は少し戸惑うかもしれないSafariのデベロッパーツール。iPhoneとつなぐことでiPhoneのWebページのWebインスペクタも開くことができる。hep.eiz.jp「検証」の使い方まず、自分のサイトの画面サイズを調べたい部分を開いた状態で右クリックをします。※Safariの場合、初期設定ではこれが表示されていませんすると、↓のような画面になりますので、右側のタブにある「Computed」をクリックします。右側に四角がいくつも重なってるのが表示されます↓この四角の中心に書いてあるサイズ「横幅×縦幅」が、今指定している画像のサイズになります。画像を画面枠いっぱいにしておけば、そのサイトの枠の最大サイズがわかります。横幅さえわかれば、縦幅は好みで大丈夫ですが、YouTubeやツイキャスなど、最近よく使われている比率は16:9なので、それに合わせて作るのが一番理想的ですね。参考サイト↓16:9比率一覧:http://himagine.s20.xrea.com/pc/hdtable.htmlちなみに私のサイトは786pxでしたが、わかりにくいので800px×450pxで作っています。仏くん昔は4:3の比率がスタンダードだったんだけど、テレビのアナログ放送4:3⇒デジタル放送16:9にもなりましたし、今では16:9がスタンダードだよ♪リサイズする!色々な方法がありますので、自分に合ったやり方を選びましょう!ちなみに私は、WordPress上でリサイズやトリミングを行っています。́▽`)/まず、リサイズしたい画像をドラッグアンドドロップするか、緑色のボタンからファイルを選んで指定します。仏くんめっちゃ簡単だし、早い!これが無料なんだからすごいよね!WordPressでリサイズする(画像編集)特徴:無料、早い、簡単、拡大はできない、比率は変えられない、同じ画面でトリミングできるまずは、ダッシュボードのメディア⇒新規追加からリサイズしたい画像をWordPressにアップロードしておこう!すでにアップロードしてある場合はそのままで問題ないです。メディアライブラリを開き、画像の下にある「編集」をクリック!(カーソルを合わせると表示されます)左下に画像を編集のボタンがありますので、さらにそこをクリック!そうすると画像編集画面になります↓(トリミングなどもここでできます)赤い〇で囲った、「画像縮尺の変更」でサイズを指定し、縮尺変更で、リサイズできます。元の縦・横サイズ比率を保ったまま縮小します。TinyPNG.ja.wordpress.orgでもリサイズができます!こちらの場合は、すでにアップロード済みの画像のリサイズはできませんが、これからアップロードする画像の最大サイズを指定できます。横幅の最大サイズを1300pxに設定しておけば、横幅2000pxの画像をアップロードしても自動で1300pxに調節してくれます。仏くんまあ、結局使い分けだよね。無事にサーバーとドメインを結びつけることに成功し、WordPressのインストールをしたのですが、なぜかブログが表示されません...。答えは意外な所にありました。先日、オススメの画像圧縮プラグイン3選を紹介したので、私も実際にプラグインをインストールして圧縮しようとしたら、そこである事に気づきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。くそな画家」ギャラリーお問い合わせぼっちを救う!CTimerさん達の紹介o(^▽^)oブログ専門用語辞典プライバシーポリシープロフィールカテゴリーCTimeJavaプログラミングTOKYO2020オリンピックその他アフィリエイトギター、ベースドラゴンクエストウォークブログ音楽WordPressスポンサーリンクタイトルとURLをコピーしました。