Magento Blurry Pictures in the Recently viewed products - image

I have an issue with Magento. My pictures work well in every sections but in the **recently viewed products I get a blurry result. I don't understand why because in the catalog I have the same pictures using the "small_image" that display fine without being blurry. I guess the reason is because the picture is resized to be small then resized again to be bigger, PLEASE how can I fix that.
I attached a screenshot showing the resize and how blury the pictures are.
THANKS in advance for your help !!
Picture : Blurry Image and resize

I have encountered similar issues where the image is either blurry or suffered from color loss. After digging in, i found out that Magento uses the GD library out of the box which works pretty well, but there are alternatives out there. The library that solved my problems was ImageMagick. It does require you do install a php extension though and some code changes, but the results are worth it.
http://php.net/manual/en/book.imagick.php

Did you try to change the quality to 100% under Configuration/Advanced/System/Images Upload Configuration? You need to clean the Catalogue image cache after.

Related

Why my opencart products images show blurry? how to fix?

I am using journal opencart theme. when i upload a product then my products images showing blurry. please guide me how can i fix this?
my website link is:
accity.ru
please help me to fix this
You shoud check if:
you are uploading images in proper resolution
you have properly set image sizes in opencart administration [system->settings->your eshop->images]
in your image zooming plugin is not anny setting that can reduce image quality
You should focus on checking the following :
All images should be of the same sizes ( & if possible greater than 500x500 )
The resizing if needed should maintain the aspect ratio
Example: 1200x800 can be resized to 600x400, 300x200, 150x100 size images easily
Since you are operating an e-commerce store, I suggest, you can also look for professional services such as ImageKit to add capabilities of dynamic resizing, watermarking & many more.
In case issue still persists, feel free to connect with me.

Make logo smaller - Photoshop

I had a logo made by a freelancer. At first the logo looked great and I was very happy. But now I started to use the logo in different sizes the problems started.
The freelancer that I used doesn't answer anymore.
**Problem **
Logo on iMac, with Retina screen, looks not that bad
But in Chrome and on Windows it look really bad.
What can I do to make it look better?
This is the original design.
I've converted your png to an svg with Illustrator.
http://svgur.com/i/17o.svg
It should scale without pixelating or aliasing. Though I don't know if your website system can upload it as a logo.
It can be added to html like an image, make sure to specify the size.
https://jsfiddle.net/b1mhm5g6/
<img src="http://svgur.com/i/17o.svg" width="200">
You can use simple website!
http://pngtosvg.com/
Upload your pic!
Select 3 colors!
Download the output file and use it for any business purposes for free!

gif image not looping

I have created a gif in photoshop. It has two frames displayed for 4 seconds each and is on a loop forever.
For some reason the image freezes on the second frame and does not continue to load in some browsers (The exact information about browsers and / or versions is unclear at the moment but it has happened in the latest version of chrome).
The image is embedded in the code in the standard way, no javascript is used and nothing is changing the element.
Does anyone have any idea what could be causing this? Everything I have searched for so far seems to result in people saying "Oh, I forgot to put make the gif loop forever" instead of any real reasons for causing this problem.
Thank you for your help!
Edit: Sorry I didn't think about putting an image in the original post. He is an example of one advert which doesn't seem to work.
Because the current image displays correctly in everything I've tryed so far, try to create image in different application.
Some applications you may try:
GIMP - tutorial
Some freeware crap.
I'd vote for GIMP. Its complicated, but its free and it has wide user suport.
If you still fail...
Now its time to check the enviroment. First, open the image on different machine. Maybe there is something wrong with your browser instalation. In this case, reinstall.
Try to upload on different server. Maybe your browser does not correctly decompress deflated data or has other communication issues.

IE not rendering png background image properly

I have create a PNG arrow graphic for use in a client's website. It render's perfectly everywhere except in IE 6,7,8 and 9. I have attached an image for you to examine and have already tried 2 different IE png fix scripts - one jquery and one a css behaviour .htc file.
Please assist me.
Thanks
Jamie
Image: http://i51.tinypic.com/2w1uzqe.jpg
Sorry to say that but for 5 years i've been looking for 100% working hack for png transparency bug in IE's with no result. There are many of them and usually each of them doesn't work here and there.
Try using transparent gif instead or crop arrow image with background along. It will take few more bytes of White color so won't damage your performance that much.
The bug that IE PNG Fix scripts are designed to fix is only a problem for IE6 and lower.. hmm.. possibly IE7? I forget. In any case, IE8 fixed the issue, and IE9 definitely shouldn't have it. These IE versions may still have plenty of bugs, but the old well known PNG background issue isn't one of them.
My guess is that there may be a corruption in the PNG file itself.
My suggestion is to try loading the PNG image into Photoshop (or your favourite graphics app), and re-save it. That may be all you need to do to solve the issue.
Failing that, would you be able to give us a link to the actual PNG file, so we can have a look as well?

iphone 4 - Application doesn't show image?

I've had this app on app store with no problem until iphone 4 came out.
My home page has an image covering the whole screen.
UIImageView added in interface builder, and image path added in interface builder.
In all phones this image shows up; however, the image does not show up in any iphone 4, and instead the user sees a blank screen like the following:
Anybody knows what's causing this? thanks
.
I only have 1 set of images with
normal resolution
This problem only happens to one of
the images in my application which is
the background for my home page
the graphic file should not be
corrupted because the exact same
image works for all other iphones and
itouches
my image is a jpg file
image size is 480x270, which in
interface builder i make it 563x330 to display only a part of it
I have no outlet to this uiimageview
so it cannot be changed in code
With devices with the new retina display, pixel sizes are different and you have to check for the following, in particular:
Do you provide two alternatives of the image, one at old resolution, one at double resolution (named myimage.png and myimage#2x.png)
If not, does your image scale up well in size with CoreGraphics's algorithms (there are some pathological cases, though you'd have to be quite unlucky)?
Have you checked what happens (at both resolutions) when your UIImageView size changes?
Is it just one image, or all?
Is your graphics file corrupted?
It's hard to tell if it's any of these points, or something else, because you provide so damn little detail, that I stick to generic things. Comment below (or edit your question) if you need more help.
I've got two things to add to FXs thorough answer:
Considering the information you added, I would take a look at your code for setting up that UIImageView. Perhaps you use some sort of detection code or something which wasn't implemented correctly.
Would you mind sharing some code snippets?
According to Apple's documentation, you don't need to provide the ".png" extension as of iOS 4. Perhaps that is causing the problem.
Again, code snippets would help here. Specifically where you deal with loading up your image file.
EDIT:
Try re-saving the image and replacing it. I've occasionally corrupted files in Photoshop. This has to do with file extensions and how Mac OS ignores them, but Photoshop still uses them.
Also, it could have to do with where the image is in your XCode project. Check what Group it is in. Make sure everything is in place and then Clean and Rebuild. Remove the app from the iPhone4 (reboot) and try reinstalling.
I hope this helps.
Good luck!
If this was my code, I'd write a tiny app just to display the image in question. If it still fails it would be easier to get help debugging the problem.

Resources