May 23, 2013 at 11:22 am #23711
So setting up a portfolio now and trying to understand the image sizes.
I figured I go for the 2-3 column size (495x400px) and let the theme crop and use its 260x185px images if I want to change to 4 column layout. Now the problem is that the images get all blurry.
Am I not understanding the image sizes?
If I measure the demo content 3 column portfolio it is not 495×400, more like 340x278px.
Im used to uploading one big image and let the theme make versions for other layouts, widgets etc.May 24, 2013 at 3:55 am #120875
You are correct. If you measure 2 column portfolio without sidebar, the thumbnail size is 514x415px. So you need to make up your mind. If you are going to use the 3 column portfolio you can change this line on functions.php
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
Replace it with
$avia_config['imgSize']['portfolio'] = array('width'=>342 'height'=>276 ); // images for portfolio entries (2,3 column)
If you like to be specific with the 2 column portfolio view without sidebars, use this instead
$avia_config['imgSize']['portfolio'] = array('width'=>514, 'height'=>415 ); // images for portfolio entries (2,3 column)
The exact thumbnail size for 4 column portfolio inside the container is 257×183. You can modify this line
$avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns
Regenerate the thumbnails using this http://wordpress.org/plugins/regenerate-thumbnails/.
IsmaelMay 24, 2013 at 6:31 am #120876
Well I have pages with 4 column with and without sidebar. I need the images to be just as razersharp as I see them in Photoshop as they often contain text.
How do I go ahead then? These sizes are different even though they are both 4 column. The most important is the full page/without sidebar.May 24, 2013 at 8:34 pm #120877
I just changed 4 column to 257xx183. It still gets blurry…
Can I ask why these images are not the size they are beeing used?
If I scale down the window and then make it big again the image gets sharp for a tiny second before it turns blury again.
$avia_config = array(‘width’=>257, ‘height’=>183 ); // images for portfolio 4 columnsMay 26, 2013 at 3:23 am #120878
Sometimes, the best way to get sharp thumbnails is to create thumbnails that fits exactly on the container. This is why we need to change the thumbnails sizes on functions.php. Can you give us a link to your website?
IsmaelMay 27, 2013 at 9:09 am #120879May 28, 2013 at 11:53 am #120880
Ultimately you will not be able to control the sharpness that level without replacing the thumbnails that get generated by wordpress via FTP after they have been generated.
You can use a plugin like this one to quickly modify image sizes and regenerate and play with the sizes to get the best results: http://wordpress.org/extend/plugins/simple-image-sizes/
The wordpress thumbnail functionality is just not that great if you want zero change in your images. From the demo content you can see an example with this image:
WordPress does a slight file size reduction (which reduces quality) as well as attempts to shrink it as best it can. Even a single pixel difference can cause the thumb to have better or worse quality.
DevinMay 28, 2013 at 3:01 pm #120881
I have reuploaded the images and verified that it gets the new size. The screenshot shows this.
The original image file is 1:1 (257x183px) so there should be no resizing.
In fact the image is razor sharp for a tiny second, then turns blurry.
I scale down the window and then scale it back up again to see this. The theme is doing something it seems like.
The topic ‘Understanding image sizes – Help!’ is closed to new replies.