Remove Portfolio Grid images blur

[Finn]

Finn

October 20, 2015 at 3:20 pm

Hi Ben

Mayby I am wrong or have overlooked some practical thoughts about image thumb sizeing.., but for now something are making Portfolio Grid images blur:

Please take at look at these Portfolio Grids (open in two different browser windows!):
– “Homepage”
– “Webshop”
The difference between the 2 Portfolio Grids are, that in WP admin “Homepage” has “Crop images to equal height” set to YES – and “Webshop” has it set to “NO”

First pay attention to “TEST2” pic and compare the image blur in the 2 browservindows:
If you see what I see.., the “TEST2” has most blur in “Webshop” portfolio grid, and when using FireBug or other tools.. you see that the pic in “Webshop” are manipulatet in size by theme(??) and saved with new filename added …”-270×189″.jpg
In Firebug try to re-remove the “-270×189” to see original pic, and notice that pic have same size – but are clear and not as blurry.

Same with portfolio post “TEST1”:
Try to compare 2 browserwindows with “Webshop”
In one of them use FireBug to remove …”-270×317″.jpg to se original pic, and notice the browser-viewed size of the pic don’t change – BUT it gets cleare / less-blur.

I guess it is becourse of the <img class=”lightboxhover” width=”270″ height=”317″ style=”display: block;..
showing and browser-resizing the original pic within the space given.

Solution – iF it works outside FireBug 😉 :
Pic’s seems ONLY to be clear when using original pic (and NOT “theme-rezized”).
In both “Crop images to equal height” set to YES and set to NO, use original pic – but let it in sted be wrapped in html output code like
<img class=”lightboxhover” width=”270″ height=”317″ style=”display: block;.. ((“Crop images to equal height” set to NO)) or
<img class=”lightboxhover” width=”270″ height=”270″ style=”display: block;.. ((“Crop images to equal height” set to YES))

BEST regards Finn