Save for web images look slightly blurry compared to other images that I see online

Whenever I save a file in photoshop for the web as a png image, I see them get a little blurry and not very sharp. I did all the dimensioning and sampling etc. as far as I know. Yet, when I compared with other images that I see online, they don't look as strong. Is it just a fact that I need to add to my work, even if a large part of the time I work with vector shapes? Are not vectors supposed to be clean and crisp always?

The blue image below is another person I know was made in Photoshop. My work is the red on the right. As you can see, it looks a little blurry.

comparison.png

Any ideas or suggestions?

The blue image was also created with more details in the foreground as sting in the Ribbon and more texture contours in the Ribbon.  That's why the Red Ribbon seems less detail and seems flat.  I don't see with my eyes less sharpness however the drop shadow and a low background noise in the Red image contrast color makes the Red image have less contrast and then the blue image with a high-contrast light blue background. The red background details are not clear I would like this or aim to have a look of sweet in the background. When there's no detail in the blue image background other maybe a bit degraded.  It has IMO a lot to do with the composition.

Tags: Photoshop

Similar Questions

  • CS6 save for Web image size limit (retina)

    I have been designing of many these days, sites especially mobile: iphone Retina (640w).  Most of the time, these designs can be long in the tooth with the height of these documents - more than 8000 pixels sometimes.  I noticed that 8000 pixels is the threshold limit for export "save for web".  Nothing more of 8000 pixels will be downgraded in quality on the features of the retina by reducing the image.  Jpg will be always the right height and width, but seen on an iphone, you can easily see the degradation.   Images and text are blurry.  It is no good trying to show a customer what their site on an iphone will look like.

    So my question is, is there a work around?  A preference to be changed?  Am I missing something to get the full quality of my design comp to preserve the quality of retina display?

    Conroy, it is incorrect for the cases I have provided.  Save for the web will save dimensions width and height appropriate for retina ios devices.  as paul said, SFW will save up to 30 000 pixels.  the problem was that "progressive" was not checked for extreme cases to appear correctly on the iphone.

    both models have been exported using SFW:

    progressive:

    http://www.justinfreiler.com/progressive.jpg

    not progressive:

    http://www.justinfreiler.com/non_progressive.jpg

    the two look identical on the desktop.

    you will notice the difference when viewing these links on your iphone.

  • How can I create a ' non-floue or non-pixelted ' for web images of the adobe illustrator file?

    I created pixel specific image height and width for Facebook and other social media applications. When I export or save for web, images are pixelated or blurred. I tried art or type, both seem to provide pixelated to png or jpg images.

    You can see the blurry lines in this image. Thank you so much, any advice would be great.

    Sincere greetings, David Stine

    Any suggestions?Blurry.JPG

    The only suggestion I can give all working in Illustrator's save for web, then experience the gif, jpeg, etc. and other options "color" "Adaptive" etc., while using the 4 Overview to see which gives you the best result.

  • Bug in CS5 render anti-aliased text in "save for web".

    Looks like there is a bit of a bug when using 'save for web and devices' with light weights of type in CS5 for Mac. Although the slim type looks good while working in Illustrator, as soon as you enter the "Save for web" dialog, it gets seriously distorted. It seems that this issue has been present at least since CS4. It happens not in Photoshop. It seems particularly bad for light text on dark background.

    Some people may say ' of course, Illustrator is not really intended for work intensive bitmap. However, with features like "look pixelated" and 'hold on to the pixels', Illustrator is (usually) become a very effective way for web design, and personally I prefer it to Photoshop. It is also clear that Adobe intends it to be used in this way. In order to make anti-aliasing bug is certainly a problem. Just surprised that they don't have not address it when CS5 is born.

    I have implemented some images on http://www.thesheep.co.uk/2011/06/24/illustrator-save-for-web-anti-aliasing-problems/ example to illustrate the problem.

    Are there any smart workaround for this? It's a bit annoying to have to hover over stuff in PS before exporting, but maybe that's what I have to do. I hope that Adobe will address this soon.

    In save for web go to the "Image size" tab and select type optimized menu. It takes the smoothing parameter that you selected in the character Panel.

    Get better when you do it like that?

  • Save for Web problems

    I have a standard generated illustrator document and when I try to save for the web it is pixelated. Everything is in the document was created in illustrator. Any suggestions on how to fix? When the document is its full size sound very pixelated.

    BZopenWINTER.jpg

    In the save for web image and device tab, make sure that you have anti alias checked.

    That's the problem.

  • My problem is that when I try to save an image from Adobe Photoshop by using the 'save for Web' half of the dialog box does not appear.

    I use a Vista Home Premiuim Windows in an Acer Aspire One 10.1 "." My problem is that when I try to save an image from Adobe Photoshop by using the 'save for Web' half of the dialog box does not appear. Can someone help me please?

    Here is a screenshot of my problem...
    [IMG] http://i55.tinypic.com/of5w01.png [line]
    Help me please.

    Hello

    1. were you able to see the front dialog box?

    2. did you of recent changes to the computer?

    This happens because your screen resolution is less than the required minimum of 1024 x 768.

    You can try to change the resolution of the monitor and check.

    For more information, see the link:

    Change settings display on multiple monitors

    Change the screen resolution

    You can also refer to Adobe support links and also post your request in the Forum from Adobe for assistance:

    http://forums.Adobe.com/thread/433020?TSTART=0

    http://kb2.Adobe.com/CPS/403/kb403268.html

    http://forums.Adobe.com/community/Photoshop/photoshop_windows

    Hope this information is useful.

  • When you use "Save for Web" with slices, it puts the images exported to a/images folder. Can I turn that off?

    I don't want to create a new folder/images every time I export images. I just want to export directly into the folder I specified.

    Is it possible to change this? I could not find a way.

    Thank you!

    In the save for Web dialog go to the dropdown menu, click change output settings and under saving files, uncheck the Set of Images in the folder

  • Save for Web devices is not properly optimized images

    Hello!

    Please help, when I use except for web devices, is not the size of the smaller final output file.

    Screen.jpg

    As shown in the image above, when I save web devices, the size is 33,85 k, but when I press save it will be 281KO as an end result.

    Please let me know how to solve this problem, because I want to make the smallest file size. Furthermore, I use CS5.5 only.

    Thank you!

    See you soon,.

    Paolo

    Try to define metadata to zero and see if the size of the file in the finder as close as possible to save for web dialog box.

  • Whitespace around image when you save for Web

    I have to draw a simple square in Illustrator CS6 then export it to a PNG using save for Web. The preview shows 1px thick of white space on the right side. Sometimes it's on 2 sides or more.

    No other hidden element is around the image. Clip on the artboard in not clicked.

    Why is it happening and how to get rid of him?

    For once I want to meet a good post and say somehting about snap to grid of pixels.

    Turn it on

    Your image now align with the pixel grid

    Turn the power off when you do not not web work, or will you crazy in the car.

  • Save for Web - save parameters - specific Image size

    I was wondering, is there a way to save a setting less save for Web to a specific image in pixels size? I create posters for the event for 11 x 17 prints, but also save the file in jpeg format to download on facebook pages. To include the "size of the image-> new size' in the 'Save settings' dialog, I don't see a way to do it. at the present time, only the optimized JPEG compression settings are saved, but not apply the new size of the image. Is it possible to include it? I want to systematically create JPEGs of 960 x 720 pixels, if Facebook will not make its own resizing when I download.

    If this isn't an option and a moderator is around, this thread can be moved to the page "feature requests"?

    Thank you!

    It has not recognized the way you want.

    A solution would be to create an action in terms of work that is changing the objects to the required dimensions.

  • help - problem with save for web when jpg image is placed in the file

    I have a jpg image file that I placed in my Illustrator 5 file to use as background and then created several vector buttons on the top.  When I try to create an arboard around a single button and then save it to the web, it ignores the size of the artboard and shows the dimensions of all jpg.  If I create the same file without the background jpg image, I am able to use work plans to record only a single button.  Every time I place a jpg image in my Illustrator file and try to use work plans, work plans are ignored and the entire area of the jpg is saved.  I am able to use the tool cuts to the economy, but I prefer using work plans.  Anyone have any suggestions on how to get the work plans of work when a jpg is placed in the file?  Thank you.

    In save for Web, the tab Image... is Crop to the artboard checked?

  • The image exceeds the size to make save for Web and devices has been designed

    I just upgraded from CS3 to CS5. I assumed that save for Web & devices would have been redesigned so that it would not complain with modern large pictures they were just too big!

    However, it still doesn't work. I just do not get it. Photoshop in general now is editing of very large images. It should be able to manage them also in this function.

    Is this just a legacy message, or is it really true that this feature can only manage small images?

    Save for web is designed to optimize the web graphics by squeezing the bytes while retaining the quality.  It was not intended to scale and then optimize large images. This is shown in the alert message.

    You can present a feature request to Adobe to change the original intent of SFW.

    SFW can display 4 versions of an image in different types of optimization. We must save the 4 temporary files. Imagine trying to save a huge image 4 times at a time through the "File-Save As. That's why you see this warning message. It takes time to build these temporary files, especially when you throw a huge file at home.

    Consider a solution scripted this one where a copy of your image is first reduced and then transferred to SFW.

  • My picture if you go full screen has white particles everywhere. I don't see it until I save for web. [was: need help with an image]

    Self-adhesive transparent GIF - find and share on GIPHY

    My picture if you go full screen has white particles everywhere. I don't see it until I save for web. No idea how to solve this problem? I've never had this problem before.

    This article gives to think the matte color change Transparent gif in Photoshop tutorial - PhotoshopCAFE

    See if that helps.

  • When saving a photo, the colors do not transfer correctly (they are dull) unless I have "save for web".  But when I save it for the web, it reduces the DPI up to 72 or 96 at best.  So I have to take the extra step to resize the image at 300 dpi, m

    When I "save under" I lose my color settings.  They are not more dynamic.  When I use save for web and maintaining devices, the colors, but PGD is only 72.

    This is because if you have not defined in all metadata option, you lose 300 ppi print metadata and file takes the default value of web metadata. 96 for Windows or the Mac 72.

    Set your metadata at all SFW, and you'll keep the printer to 300 dpi setting.  Oversampling a 72 ppi to 300 DPI file is very destructive and unnecessary.

    So just save your file again in SFW and simply select all as shown in the screenshot.

    Let me know how it went.

    Gene

  • Save for web doesn't change resolution at 72 dpi

    Hello, asked me to change my resolution at 72 dpi, and I would have thought that save for web would have done that, I'm surprised he remained at 300, and there is no field to change and make the change for a series of images. Because I don't have the time to learn the steps, what I have to do it manually in size image and how do I lock the height and width? TXS

    SuperMerlin wrote:

    Try starting with a document of a higher PPI.

    Yes, that's what I was doing - and looking closer it is really strange.

    I got a file of 300 PPI and he traveled SFW with metadata defined at all. It opens as 72 in Photoshop is one thing, but the bridge shows as 72 facilities. If he really band resolution, this field in the bridge would be simply empty.

    So SFW with metadata 'all' really does include ppi - but it changes without worrying about 72.

    Which makes absolutely no sense and must be a bug.

Maybe you are looking for

  • Freedoms El Capitan and Office11 or 16

    Compatibility Office 11 or 16 office with El Capitan installed on MacBook Pro (2011)

  • IMAQ.dll not found

    Hi all We have a program that acquires images from a camera. We use LV 8.5 and NOR-IMAQ. It worked perfectly until today, when after installation in the computer of the customer, the customer has tried to start and got the message "imaq.dll" not foun

  • RAID 1 Z400, Z600

    Need to pick up an another Z-series just for minor web browsing tasks - it's time to retire my last XP-based machine. I keep my machines for fast production offline, most of the time. There are a lot of inexpensive Z400 and Z600 out there, good value

  • Installation failure repeated the error code Windows Update 80070643

    Repeated failures to install 'important' update of Microsoft Office 2003 on Windows Vista Edition family Basic. Difficulty she also failed. Error code 80070643. This can be corrected?

  • I am trying to add an external cdrom to install Vista on my laptop... my laptop cdrom drive is broken... _

    I have a Gateway laptop and I am trying to reinstall the Vista operating system on it.   The cd/dvd-rom has been broken for some time.  I bought an external CD-ROM cd/dvd drive today, but can not understand how to operate.  I went into the BIOS and c