Foodica – Recommended Image Sizes & Optimizations
- Recommended Image Sizes
- Image Sizes in different locations in Foodica
- How to change the Aspect Ratio of Thumbnails
- Recipe Image
- Recommended Plugins for Image Optimization
Just migrated to Foodica from a different theme? We highly recommend regenerating thumbnails. This process will ensure all your images are cropped at the right size.
Recommended Image Sizes
Featured Images should always be uploaded at 1200x1200px. For better quality on devices with retina display, you can try a larger size like 1500x1500px or 2000x2000px
You don’t have to crop your images to this exact size, but simply make sure that both dimensions have at least 1200px. For example, a portrait-oriented image can be 1200x2000px.
Image Sizes in different locations in Foodica theme:
Homepage Slider: 750x500px (retina: 1500x1000px)
Homepage Slider (transparent style): 1140x500px (retina: 2280x1000px)
Post thumbnail (landscape): 360x240px (retina: 720x480px)
Post thumbnail (portrait): 360x540px (retina: 720x1080px)
Single Post Image at the top: 750x500px (same as Homepage Slider)
How to change the Aspect Ratio of Thumbnails
Do you want to change the cropping area of a specific image size? Check out this article: How to set how a Thumbnail is Cropped
The Aspect Ratio of your thumbnails and other images can be changed from the Theme Options:
If your website displays your latest blog posts on the front page, you can change the aspect ratio in the Homepage Posts section from Theme Options.
Similar options are available for thumbnails on the Category and Recipe Index pages.
If you want to prevent your Featured Image at the top in single posts to not being cropped, you can enable the following option:
Just don’t forget to regenerate thumbnails if you are not seeing any difference.
If you’re using Elementor to create the front page, the Image Size for posts can be changed in the settings of the Posts Grid widget:
Recipe Card Image
If you’re using a recipe plugin like our Recipe Card Blocks or a different one, it’s crucial to keep in mind that your featured image and recipe card image are shown in different locations in search results.
The recipe card image appears in the recipe carousel from Google or a different search provider:
The featured image appears in other locations, like in regular search results or as a preview when you share the link on social networks:
Having troubles with the Featured Image not shown when sharing on Facebook or Twitter? Check out this article: How to fix incorrect Facebook thumbnails.
Recommended Plugins for Image Optimization
We highly recommend you apply the following optimizations to your images:
Lazy Load Images
This is something that can be enabled using one of the following plugins:
Lazy Load Images
Jetpack (Site Accelerator feature) – view details
Using a plugin like Imagify you can both increase your website’s speed by optimizing images and reducing their file size and also serve them in modern image format called WebP.
TinyPNG is also a great tool available for free on which you can optimize your images before uploading them to WordPress. There is a WordPress plugin available as well.
- Foodica – Activating License Key
- Foodica – Changelog
- Foodica – Overview, Demo Content Importer, Quick Specs
- Foodica – Setup Video Tutorial
- Foodica – Recommended Image Sizes & Optimizations
- Foodica – Recommended Plugins
- Foodica – Free version vs. Premium version (PRO)
- Foodica – Upgrade from the Free version to Foodica Premium (PRO)
- Foodica – PageSpeed & Core Web Vitals Recommendations ⚡️
- Foodica – Setting up the Homepage using Elementor
- Foodica – Classic Layout vs. Elementor
- Foodica – Recipe Index Page (Elementor)
- Foodica – How to add Recipe Cards
- Foodica – Recipe Schema Support & Recommendations for Non-Food Blogs
- Foodica – Customizations: Logo, Colors and Fonts
- Foodica – Social Icons in the Header
- Foodica – Configure Homepage Slider
- Foodica – Image Box widget (3 columns)
- Foodica – How to Make a Sticky/Featured Post
- Foodica – Recipe Index Page
- Foodica – How to Add Affiliate Disclosure
- Foodica – Infinite Scroll
- Foodica – Add Related Posts, Tiled Galleries and other Jetpack Features
- Foodica – Change Post Styles
- Foodica – Configure Mobile Menu
- Foodica – Configure Widgets
- Foodica – Tabs Section in Sidebar with Popular Posts
- Foodica – Instagram Bar in the Footer
- Foodica – How to add Advertising Banners
- Foodica – Recipe Index (using EasyIndex Plugin)
- Foodica – Known Issues & Fixes
- Foodica – FAQ