Acabado, unlike a great many themes has some very specific image sizes which will work within the display of things like featured images. In addition the needs for the Hero on the homepage, Logo, and FavIcon are specific sizes which won’t allow upload and selection without being the right size.
When you get images from online stock areas they will most likely be a size which may not work right off with Acabado and you will need to shift their scale and setup to function well within Acabado. I have a guide here on how to make all the images crisp and sharper on your entire site.
Acabado Primary Site Images
This is the main landing page for your site and is where you will have a lot of images displayed. To ensure you keep as fast of loading speed you want to make sure these are properly sized and optimized for display.
Site Logo – 480px x 240px
The site logo is a rectangle of space available at the top of the website. Within Acabado this is a fixed size box which allows only a specific size of image to occupy the space.
As you may see from my site this is possible to manipulate if you understand how to force the change in resolution. Here is my logo guide on helping you look at logo changes.
Favorite Icon – 40px x 40px
The favorite icon is the image that displays when someone favorites your website or when a tab is open in tabbed browsing as a reference to the page contained.
Almost any size will work in themes as long as it is in ratio to itself, unlike others though Acabado is specifically coded to only allow you to select an image up to 40 pixels by 40 pixels.
The homepage offers two specific images to configure and the are the hero (main CTA) and the featured tiles which allows for up to 6 targeted posts or pages that you want to get users over and onto.
Hero Image – 1200px x 400px
This image is a specific resolution to display on top of your homepage blogroll and sidebar. This is meant as a main CTA, or Call To Action, for your website and should be the one post you would want EVERYONE to see.
This image has some limitations as the size is fixed at 1200×400 pixels and needs to be EXACT, 401 or 399 pixels for example will not be allowed to be uploaded nor selected from the media gallery.
Featured Tiles – 1200px x 800px
The featured tiles appear to be best situated with a 3:2 image ratio which will allow you to upload and show the entire image. This scale allows for images to fit the container that displays them, if you deviate you will have parts of your image cut off.
Example 3:2 Ratio Sizes
- 1200×800 – My Preference For AcabadoTheme.com
- 1024×768 – Good mid-range solution for those looking to shave a few more kb off their image sizes.
- 800×600 – Getting to where these may start to look less sharp and more pixelated.
These are your main content that people will be reading and scrolling through. What you want to look for is that the featured image works across all the places properly (recent posts, blog archives, etc)
Featured Images – 1200px x 800px
This size is a perfect sweet spot to allow images to work in featured images in places like the [ Recent Blogs ] on the homepage along with on the blog post should you choose to have them on the post as well.
This also allows for these images to be used without editing on the Featured Tiles on the homepage. This makes your images able to be used for more than one purpose each should you want to change up the tiles.
Images Within Posts
This is a full-width image for your post area and by shortening the height you make the picture impactful without obscuring and slowing the reading for the users. The content width area is approximately 768px, so any image contained within the blog over 768px will just be rescaled to fit.
My choice is why I keep these at 1200×800 to allow them to be useful all over the website in multiple spaces without needing to make more images.
These are all just guidelines but they will work on each blog perfectly as they are sized for the blocks and for the space to be utilized. Changing from this resolution will change how they are pressed into the containers inside Acabado.
Please feel free to leave a comment below if you know of other perfect image sizes and I will add them to the list.