Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #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.



    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




    Thanks Ismail…

    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.


    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 columns




    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?




    Can I send it private? You have PM or email?


    Hi Merkur-Trykk,

    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:

    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.




    Thank you…

    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.

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Understanding image sizes – Help!’ is closed to new replies.