Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #241134

    Hi,

    I found the images on my new mac retina display is quite blurry: wuyuanyuansino.com
    Is there a way that we can optimize the images on the retina display or do I have to double the size of the images and upload them again?

    And when I upload the image on the media library in wordpress, is it full size image I am supposed to choose in order to make the image look sharp and clear?

    Thanks!

    Yuan

    #241138

    Hi yuan_81!

    You should use a plugin like this one http://wordpress.org/plugins/wp-retina-2x/

    Cheers!
    Yigit

    #241164

    Hi Yigit,

    Thanks for your quick reply!

    The portfolio images displayed on my homepage: wuyuanyuansino.com , are they with the size of portfolio image or portfolio_small image? Under the setting WP Retina 2x -> basic, would you recommend which image sizes should I tick to fit this responsive theme?

    Thanks for your help ^__^

    Yuan

    #241809

    Hi Yigit,

    I installed the WP-retina-2x plugin and changed the size of the images to fit the Retina display, but still the small portfolio images on the homepage: wuyuanyuansino.com look quite blurry and if you click on one of the small portfolio image, it opens up a webpage where the portfolio images are also blurry,not so sharp… Do you know how can I fix this?

    Thanks

    Yuan

    #241925

    Hey!

    The portfolio overview image is the portfolio_small thumbnail. You need to upload images with 2000px in size if you want the ajax portfolio image preview to work with the wp retina plugin. You can find the thumbnail size for portfolio ajax preview on functions.php:

    $avia_config['imgSize']['fullsize'] 		 	= array('width'=>990, 'height'=>990, 'crop'=>false);			// big images for lightbox and portfolio single entries
    

    Cheers!
    Ismael

    #244310

    Hi Ismael,

    Thanks for your reply!

    I have actually used the images with 2000px but still look blurry. Do I have to change the value in function.php ‘width’=>900, to ‘Width’=>2000?

    Regards,

    Yuan

    #245407

    Hey!

    Yes, please do so and let us know if that did it for you

    Best regards,
    Yigit

    #245446

    Hi Yigit,

    I tried, replaced the pixel with ‘Width’=>2000, but the images still look a bit blurry, no difference before changing.

    Kind Regards,

    Yuan

    #245448

    Hey!

    Please regenerate thumbnails using this plugin http://wordpress.org/plugins/regenerate-thumbnails/

    Regards,
    Yigit

    #245910

    Hi again,

    Really appreciate your help!

    But sorry to say that the images are still blurry after I have used thumbnails regenerator. However if I click one of the image on portfolio ajax, the images look very clear and sharp there, same sharp and clear for the full-size images and slider_thumb images. Only the small portfolio images on the home page and the images opened up from the small portfolio images look blurry now..

    You can check out the images on my website: wuyuanyuansino.com

    Regards,
    Yuan

    #246912

    Hi!

    You can try to use a bigger thumbnail for the portfolio page. Open up wp-content/themes/eunoia/includes/loop-portfolio.php and replace:

    
    	switch($avia_config['portfolio']['portfolio_columns'])
    	{
    		case "1": $grid = 'fullwidth';  $image_size = 'fullsize'; break;
    		case "2": $grid = 'one_half';   break;
    		case "3": $grid = 'one_third';  break;
    		case "4": $grid = 'one_fourth'; $image_size = 'portfolio_small'; break;
    	}
    

    with

    
    	switch($avia_config['portfolio']['portfolio_columns'])
    	{
    		case "1": $grid = 'fullwidth';  $image_size = 'fullsize'; break;
    		case "2": $grid = 'one_half';   break;
    		case "3": $grid = 'one_third';  break;
    		case "4": $grid = 'one_fourth'; $image_size = 'portfolio_small'; break;
    	}
     $image_size = 'fullsize';
    

    Best regards,
    Peter

    #247445

    Hi Peter,

    Sorry, the code doesn’t work and it changed the size of small portfolio on the home page and gave random sizes to each small portfolio.. So I changed the code back, now the last two projects I just uploaded don’t have the greyscale hover effect. You can see it: wuyuanyuansino.com Why is it?

    Regards,

    Yuan

    #247447

    Hi!

    Please add following code to Quick CSS as well

    #top #wrap_all .filtered-image {
    -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray; }

    Cheers!
    Yigit

    #247452

    Hi Yigit,

    The CSS code works ;) Thanks!

    But the blurry portfolio image issue still remains. Will this be fixed automatically when you have upgraded the theme for the Retina display in the near future?

    Regards,

    Yuan

    #247473

    Hey!

    Please re-upload your images in size of 647x860px. For example this one http://wuyuanyuansino.com/wp-content/uploads/2013/11/Wine_glass.jpg and check if that helps.

    Cheers!
    Yigit

    #247489

    Hi Yigit,

    I uploaded the image with size 647x860px, same result, still a bit blurry, please see the screenshot I got:

    When I click the portfolio image, the image opened up looks a bit more clear, see:

    And then I click the above image again, the small small portfolio image looks quite clear, as you can see below:

    That’s all I got.

    Regards,

    Yuan

    #247565

    Hi!

    I checked your other portfolio items and they look sharper but the one you posted looks blurry even when i open it in a new tab as you can see here – http://i.imgur.com/1ZsOWJX.jpg

    Best regards,
    Yigit

    #247592

    Hi Yigit,

    I think I will have to re-upload all the images again.

    Thanks a lot to you and your team to help me out, I am really appreciated it ;)

    Regards,

    Yuan

    #247597

    Hey!

    Please do so and let us know :)

    Best regards,
    Yigit

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

You must be logged in to reply to this topic.