Elementorで扱う画像サイズ諸々
過日の「伸縮セクション」の投稿で使用した画像サイズは 1600 x 900 の大きな画像でしたが、Elementorの画像ウジェットで中で取り扱う画像サイズには、以下の数タイプの画像サイズがあります。
・Thumbnail – 150×150
・Medium – 300×300
・Medium Large – 768×0
・Large – 1024 x 1024
・フル
・カスタム
今回は、様々ある画像サイズの指定で、画面上で実際にどう見えるのか検証してみました。
尚、当ページのテンプレート・レイアウトは、「Elementor全幅」を設定しています。
画像サイズ=Thumbnail - 150x150
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-150x150.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=Medium - 300x300
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-300x169.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=Medium Large - 768x0
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-768x432.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=Large - 1024 x 1024
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-1024x576.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=フル
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-e1617573222678.jpg)
このテキストを変更するには編集ボタンをクリックしてください。Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
画像サイズ=カスタム(400x400)
![paint paint](https://morisaki.xyz/wp-content/uploads/elementor/thumbs/paint-e1617573222678-p58nj6jc20o157g5814qd1a8sy4mn8ghdhdk9ttlls.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=カスタム(400x400)/伸縮セクション=ON
![paint paint](https://morisaki.xyz/wp-content/uploads/elementor/thumbs/paint-e1617573222678-p58nj6jc20o157g5814qd1a8sy4mn8ghdhdk9ttlls.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
画像サイズ=フル/伸縮セクション=ON
![](https://morisaki.xyz/wp-content/uploads/2019/04/paint-e1617573222678.jpg)
吾輩は猫である。名前はまだない。どこで生れたか頓と見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。