Clarity of line in exported PNGs

I created a logo and exported as a PNG, but the clarity of the linework is blurred. Is there any way I can improve this-I increased the resolution and there is still a pixelated line.

bexest,
Colour mode (changes) should only influence colour clarity, not cleanness/crispness of the artwork.
But the crispest artwork is obtained when you keep the artwork within whole pixels, especially visible with vertical/horizontal lines. That is a good reason to work in points/pixels when creating artwork for web and the like. By the way, that is also the reason for the Align to Pixel Grid which causes more issues than anything else when uncalled for.
But the size of the artwork and the

Similar Messages

Weird Lines when Exporting PNGs - help!

I'm getting some funky lines in images I export from Illustrator as PNGs. Anyone else have this issue, or have a solution?

Looks like transparency issues when saving PNGs with the Interlaced option... Since you seem to be opening them in Photoshop for further editing, I wouldn't bother. Simply export as PSD or TIF and save as PNG from PS when realyl needed...
Mylenium

Pixel Preview doesn't match exported PNG

I use Illustrator CS4 for icon design, so Pixel Preview is a pretty important feature for me. Unfortunately, I just found out (the hard way) that Pixel Preview isn't accurate - it doesn't show you exactly what you'll get when you export a PNG via Save for Web and Devices.
Here's an example from my current project that shows the problem (enlarged 4x):
A screen snap from AI with Pixel Preview off:
A screen snap from AI with Pixel Preview on:
The exported PNG file:
Look at the center of the second image: See that dark gray line bleeding from the light gray circle into the black area? Now look at the third image: The line isn't there.
(Please don't fixate on this one example. Since I noticed the problem, I've found inconsistencies all over the place. This one was just the easiest to see.)
If I can't count on the absolute, pixel-for-pixel accuracy of Pixel Preview, then this feature becomes worse than useless in my work, because it actually misleads me into making small tweaks that make the final output look worse.
If anyone knows of a workaround (or a setting that turns on "accurate mode"), I'd love to hear about it.

I can't state this definitively, but the inconsistency seems to happen with gradient fills. (The light gray semicircle in the example in my original post has a gradient fill with a pretty abrupt transition from light to dark.) Maybe the issue is specific to gradients?

Export PNG in CMYK vs. RGB. Changing colors.

Short version: Using Illustrator CC. I correctly exported a PNG logo in RGB (sent to client), but the new PNG logo looks much different than the old PNG logo that was exported incorrectly in CMYK (sent to client long ago).
Client wants to know why the NEW PNG logo looks so different than the EPS logo and the OLD PNG logo (all starting with the same Pantone color).
Longer version:
I recently sent logos to my client in different formats.
ai, eps, eps CMYK, pdf, and png
Prior to creating the PNG version in Illustrator CC,
I changed Illustrator's color mode to RGB, then converted my Pantone colors to RGB (specific values per the Pantone book), then exported as PNG.
This created a much different blue than the CMYK eps version.
Someone else on the client side is working with my files and questioning why the blues look so different. The Pantone eps vs. the RGB version.
Problem:
In the past, the PNGs had been created incorrectly--They had been exported in CMYK mode without converting anything to RGB and they matched much closer to the EPS version.
Now they are asking why there is such a big difference.
I did the process correctly, I'm not sure how to answer this. Why do they look so different?

So if I just leave the Document Color Mode as CMYK, leaving with the logo set in it's specific Pantone colors, and then Export/PNG, that will covert my CMYK colors to RGB for me. Seems almost too easy. Just go File/Export/PNG, but okay.
And while that may give me a better perceptual match, here's the other side of the issue.
They've given me and their web company specific RGB values for their logo. These are based on the Pantone book, and likely different than the conversion Illustrator will do.
The idea being, they want the website and logo to be the exact same blue. And they are based on the values they gave, but they look different than the original Pantone. Brighter and more vibrant. I'm dealing with another member of the client team, trying to use Illustrator on her end for smaller tasks, and she wants to know why the rgb PNG logo (which I entered in manual values for based on the Pantone book), is so different than the Pantone eps file. In the past, when I just exported as a straight PNG without tinkering, the perceptual match was there. Now it isn't. How can I explain this?

Getting darkened/ washed out colors when exporting png from illustrator

Hey everyone I'm trying to figure out a remedy for this, I am getting darkened less saturated colors when exporting a logo png from illustrator, jpeg's looke fine, even when copying this logo into indesign and exporting the colors look fine there as well. I think it has something to do with the icc profile being embeded in jpegs but not pngs, but I'm not sure. My illustrator document is set to display blacks accurately, document color mode is set to RGB, assign profile is set to working RGB: sRGB, and under color settings working space is sRGB and cymk is U.S. Web Coated SWOP v2, color management policys off for RGB and conversion options Adobe ACE (all under the color settings options). I've also tried to create a new file for web and copy and pasted my logo and tried to export that way and it didn't do anything. Any jpeg will look fine, the png even in save for web will look fine until I export or preview. My only current remedy for png at this point is to export it as is, then open it in Mac's Preview and turn up the saturation. Any help would be appreciated, I'm also using Illustrator CC and am on mac 10.7.5, thanks.

Any other solutions? I notice if I open the AI file in photoshop and export the png from there with "embed icc profile" checked then I get the same colors that I see while in illustrator, and when I export jpegs from illustrator, but exporting pngs from illustrator always changes the color/ makes the colors look duller.

Is it possible to export png use RGB color mode

hi,guys.
I use the following code to export the png , now is it possible to export png use RGB color mode?
Or is it possible to set it when export it
var pngOpts = new ExportOptionsSaveForWeb;
                            pngOpts.format = SaveDocumentType.PNG;
                            pngOpts.PNG8 = false;
                            pngOpts.transparency = true;
                            pngOpts.interlaced = false;
                            pngOpts.quality = 80;
                doc.exportDocument(saveFile, ExportType.SAVEFORWEB, pngOpts);

I use the following and do get png24-files.
////// function to png //////
function savePNG (myDocument, docPath, basename, theSuffix) {
// weboptions;
var webOptions = new ExportOptionsSaveForWeb();
webOptions.format = SaveDocumentType.PNG;
webOptions.PNG8 = false;
webOptions.transparency = true;
webOptions.interlaced = 0;
webOptions.includeProfile = false;
webOptions.optimized = true;
myDocument.exportDocument(new File(docPath+"/"+basename+theSuffix+".png"), ExportType.SAVEFORWEB, webOptions);

Exported PNG area isn't same as artboard

I've created an artboard at a certain size. I put some objects within the artboard. But the exported PNG is not the size of the artboard, but is only the size of the graphics on the artboard.
As designed? Seems wrong.

Sandee,
You can have multiple Artboards in any file. Here's one that I did and exported each Artboard as a PNG. You can choose a single artboard, a range or all to be exported.
Also if you use Save for Web&Devices make sure to uncheck this box which will clip the export to the smallest enclosing rectangle.

How to export all Artboards for different mobile resolutions? e.g. My artboards are 1080 x 1920 px, I want them all to 216 x 384px... ( I m using export .png by adjust ppi, but cannot set less than 72ppi)

e.g. My artboards are 1080 x 1920 px, I want them all to 216 x 384px...
( I am using export .png by adjust ppi, but cannot set less than 72ppi)

Sorry to hear that. There is an enhanced version on Adobe Exchange that may be more "bug free".
https://creative.adobe.com/addons/products/2955#.VNQ6Asbdkqg
You might want to test is on a smaller file and see if it will export the PNGs at the proper resolution. My quick test showed that it did.
You can delete the "Layer" export and get JUST the Artboards by choosing "Export Layers>None". You may have already tried that.
You might also break your file into 2 or more files and see if it works with fewer artboards.
I have had good success with the free version. Perhaps the paid version will solve the issue.

Line distortion in png export

I have a number of identical lines in my image (attached). However, when the image is exported, the lines look slightly different (some appear thicker or blurry). I have tried both the save for web at original png 24 option and the export option from the file menu.
I would appreciate any help in getting this exported so the lines look the same please. Thank you.

jkadobel,
How do I align them to a row of pixels as you suggest? I should note the lines are only 0.25 pixels high in illustrator (is designing at levels below 1 pixel bad?).
Each should be placed fully within one pixel row, preferebly at the same vertical position within it. The use of 0.25 pixel lines results in paler lines, not thinner lines.

Exported PNG files getting extra characters in name and linked files losing link

UGH!.. Hope that made sense.
Okay...I work on a couple hundred graphics for software at a time, usually creating each piece in a layer with the correct naming convention as the layer name. Then I use the "Save Layers and PNG. Artboard" script for batch export them into the ONG files...all named properly. This was a Blessing from heaven.
However, about three months ago, Illustrator starting adding a "dash" mark in place of a space between words. I can't link this to an update or other change, wish I could. This is causing a huge problem..as the software these graphics are for REQUIRES the names be perfect...including the spaces (Can't be underscores, nada). I'm having to go through an manually rename over half the files just to remove this dash mark.
There is nothing in the original script for this.
I have gone through all the settings. I have adjusted the Output Settings / Saving Files to eliminate every instance AI is asked to add anything but a space. Although I'm not sure if these Output settings are used when the script runs. Don't know if it's the script, some other setting buried somewhere.
Any other thoughts or solutions? Are there other scripts that do the same job that I might try to see if I get better results? I attached a link to a download of my current script
https://dl.dropboxusercontent.com/u/23703370/SaveLayersAsPNGArtboard.jsx
Second issue isn't script based, but I'll ask anyway. Regularly, when I open an AI file that has PNGs, JPG, and other graphics in the file, the "links" have been lost and require me to manually re-link each one, or delete the now empty file object and add it back in. This includes embedded objects.
The AI file, nor the graphics have been edited, changed, renamed, or any of the files or folders moved. Nothing that would cause this that I can think of. ANyone have a thought why this is happening and how I can prevent it?
OH YEAH...CS5.5 Windows 7 ThankS !!!

Also, out of curiousity, you have a Div named header, also a separate header section containing just the logo in it. Any specific reason?
And is the image on the site supposed to look like this?
And, a couple of typos such as this one:
Funding your Eeducation

A single table line generating more than 2 lines when exporting to Excel

Guys,
I do have an interactive report on apex with a varchar2(4000) column that is generating more than 1 excel row per table row. In another words:
Table my_report
file_id number,
file_comment varchar2(4000)
Query on report
select file_id, file_comment from my_report
It generates 5 lines on report screen but, when I export to excel using csv or xls format, it generates more than 5 lines. On file_comments field on excel, some of them has a break in 2 or 3 lines. Seems to me a line feed problem with CHR(13) or chr(10).
Anyone as a solution or a similar problem like this? Any idea?
Andre.

you could try to remove the linebreaks in the select.
select file_id, file_comment, replace(replace(file_comment,CHR(13)),CHR(10)) file_comment_nobreak
from my_reportThen depending on the type of report you could show one column, but export the other column in the excel/csv file. Not sure if this works with an interactive report too.

Significant quality loss and jagged diagonal lines when exporting from FCP

I've been working on this problem for several days and I'm going insane! Every time I export my movie from Final Cut, there is a significant quality loss. It is most noticeable in two ways: diagonal lines become very jagged (looking somewhat like diagonal lines in an older video game -- more a diagonal sequence of blocks); also, in some areas such as faces, the colors get a little blurry and there seems to some "pooling" of colors around the edges of the face.
I'm pretty sure the problem's not in capture: the Quicktime clips that I captured from the camera are all pristine. When I play them in Quicktime, I can blow them up several times their original size, and they maintain their sharp lines. (I also Reverse Telecined them all with Cinema Tools, if that's relevant.) I also know the problem's not just my computer monitor; when I play these movies on my external monitor and TV, they look bad too. The clips look bad after I bring them into Final Cut, and while I'm editing, but at first I figured that was because Final Cut sometimes doesn't show full resolution in the timeline. Still, when I export, the quality of the original captures just isn't there.
Some details:
Captured from 24A progressive, Sony HVR V1U HDV.
Using Final Cut 6.0.1, Compressor 3.0.1, Quicktime 7.2.0, OS 10.4.10 (all the most recent versions I believe).
I've exported in many different ways: using Compressor (and have tried a number of different settings: the DVD Best Quality 90 Minutes default Setting, as well as using a variety of bit rates from 3.0-8.0, One pass CBR, Two pass CBR, Two pass VBR, Two pass VBR best; Video Formats NTSC, HD 1440x1080...I have tried many combinations. Regardless of the size of the m2v created, the files seem to have the same problem over and over. I've also tried exporting from Final Cut as a Quicktime Movie and with Quicktime Conversion. Same result. I also tried using different compressors with my Final Cut sequence: Apple Intermediate Codec (which I used when capturing -- you have to with the Sony HVR), HDV 1080p24, HDV 1080i60, Apple Pro Res 422, H.264...
What's happening? Why is Final Cut turning my nice pristine captures into jagged foulness? What can I try that I haven't yet?

Welcome to the forums!
Unfortunately, you seem to have tried everything I can think of, and I don't have the latest versions of FCP to know if it is a bug. However, in the off chance that you haven't given this a shot:
Take a problematic 10 second section of your timeline (set in and out points) and the Export -> Quicktime (not QT Conversion) and make sure that you have it on Quality settings that you captured, and select the "Make Self Contained" box.
Look at that in Quicktime and see if it's bad. If it's not problematic, use that video file in Compressor for your render.
Hope that helps!
~Luke

Batch export PNGs from PSDs into same root folder?

I am trying to export a large amount of PSD files to PNG's (png-24 for web and devices) and want to run a batch while still respecting the file/folder organization in place. Is it possible to run a batch action or script to export the PNG's into the original root folder rather than choose a destination for each folder I want to export?
For example, I have several PSDs in folders A, B & C.
So far, I have been running an action including Export, choosing A as the destination for the A psd's, then doing the same for B and C separately.
Is it possible to run one batch on A, B & C at the same time and keep the resulting PNG's in the original PSD's root folder respectively in CS5? I am pretty familiar with working in Actions in Photoshop, but don't know much about additional scripting in or out of the program.
Thanks!

Download the CS5 version of Image Process Pro from http://www.russellbrown.com/scripts.html
It has a option to maintain the folder structure.

How Do I Include Frame Lines In Exported PDF?

I've created a layout template using rectangle frames. I want to use File > Adobe PDF Presets > [Press Quality] to export a pdf version of the layout. However, when I do that, I am not seeing the frame lines. I have checked, Include.. "Non-printing Objects," "Visible Guides & Grids," and have also included, "All Printer's Marks." However, I still am not seeing the lines for the frames in my pdf. What I am doing wrong?

And to add to Peter's point, the frame boundaries never have been considered “visible guides or grids.” Non-printing objects” are objects that you have specifically put a non-printing attribute on. “Printer marks” are an option that puts trim marks, file names, and color patches in the page's slug area, if defined.
- Dov

Exporting PNG Image Sequence in Compressor?

Hi everyone!
Can anyone help? Any Compressor pro's out there?
I can successfully export sequences via Final Cut Pro using Quicktime conversion as .PNG Image Sequences retaining the alpha channel (millions+). However in Compressor the Image Sequence settings seem to ONLY support targa or tiff, IS there a way to export the image sequence using compressor as a alpha channel PNG!
You can export the sequence as a .mov with the png codec.. but I must have it as the image sequence!
Any ideas anyone?

Sorry, but I have not been able to find an option for exporting image sequences with Alpha channel in Compressor either. I submitted a bug report about this a few months ago.
Why do you need to use Compressor? If it is for deinterlacing or resizing, you could export from FCP using Compressor, and choose to export a QuickTime movie using the Animation codec at 100%. After that, you can export your Animation file to a PNG image sequence using QuickTime Pro.
It is the only workaround I can think of at the moment.
I would recommend submitting a bug report: http://www.apple.com/feedback/compressor.html

Clarity of line in exported PNGs

Similar Messages

Maybe you are looking for