Illustrator :: Exporting PNGs For Retina Displays In 326 PPI
Nov 18, 2013
I have made a layout for an iPhone app in Illustrator. When I export an artboard with a size of 160 x 90 px to png with 326 ppi, the size ot the image I get out of it is 724 x 408 px with 326 ppi. Also if I copy and paste the object to Photoshop it has the same growth.
I'd like to make pixel-sharp design, so what is the best way to do it?
I'm new to animation, but have recently taught myself Edge Animate.
How can I make sure everything works with devices that have Retina Displays?Do I set up two animations or is there some code I need to add to show the retina image when the device warrants? Should the retina images be 144ppi and the others be 72ppi?
I'm using Photo & Graphics Designer 7. Recently I've had the problem of the program no longer exporting PNG images I create with transparent backgrounds. They all have a box containing whatever color background I'm using at the time. I am selecting only the object I want to export.
Since some days, when exporting pictures, an internal error warning occurs opun the screen and says: Win 32 API error2 (System cannot find the Data) when calling ShellExecuteExW from AgWorkspace.shellExecute
I've been stuck with the task of creating textures for the people's clothes and etc. He sends me the main templates which are 24 bit pngs . and I have to edit them and then save them as 32 bit png . everytime I save them as pngs though they default to 24 bit is there anyway to change them to 32 bit ?
I've seen a number of ways to dynamically load the retina version of an image (with @2x appended to the filename), but none of them seem to work with Edge animations. I'm guessing this is because these solutions work within CSS and not within embedded javascript. Any method to dynamically load retina images based on the device?
I installed CS6 Design Standard (perpetual license) on my Retina 15 inch Macbook Pro (OS X 10.8.2) today.
Ran a couple of updates after the installation but no retina update for AI or PS among them.After a quick google search I read I had to manually update the Application Manager. Done that. Finds update for AI & PS. AI is now v. 16.0.3 and retina, PS is now v. 13.0.3 but NOT retina.Afterwards I downloaded the 13.0.3 patch but this didn't change anything.I uninstalled PS (+ removed preferences) with the Adobe Uninstaller. Reinstalled it and ran al updates, Application Manager finds 13.0.3 update again, runs the update and it is still not retina. It blows my mind how many steps, google searches, manual updates, patches it takes to update AI & PS "properly" and apparently it still does not work for PS.
I have a problem with Illustrator CS6: anytime I try to export file to PNG, it saves a file of exactly 102 kb and the file is essentially empty. Is it a bug in Illustrator.
Is there a way, to export grouped items out as a png file? I got like 19 artboards with a lot of groups on each. All these groups has to be png files, so I can animate them in After Effects.
Right now I am copy/pasting the groups into a new illustrator file saying "save for web and devices" but it takes to long time if there is an easier way
There's a box, I've set it to 0,0 coords, but it will not stick to the top of the artboard. I've tried align to pixel grid on and off (It would not move off 0.318px when I had align pixel grid on, which confused me too!). When I turn align to pixel grid off the box stays closer to the top, BUT when I export for web it sticks a white line in at the very top of the artwork.
I'm using Mac OSX and have just upgraded to CS4, from Illustrator 10. Our house style is a gaussian blur of 10 pixels, but it doesn't display correctly in CS4 - it's much thinner. I've had this problem before and just exported from CS4 then created the blur in Illustrator 10. On Wednesday last week I tried CS4 again and the blurs displayed at the correct size, then on Friday afternoon (I had used the blur tool successfully in the morning) it started making the blurs too thin again.
It's set to 100% on all the different projects with 10 pixel blur, so why are my gaussian blurs thinner in some and not others in CS4, but all the correct width in Illustrator 10? This is really frustrating as it would be such a waste of money not to be able to use CS4, and have to go back to Illustrator 10.
I have some text blocks in Illustrator CS 6 that display the red plus sign that indicates overset text but there is no overset text. It occurs in files that were created with earlier versions of Illustator and now we are reworking them. It can't be deleted. I have cut the text in the box and pasted it into a new text box to no avail. It is not a screen artifact. I have tried copying everything in the file and pasting it into a new file and the little red plus sign comes along. It doesn't print, of course.
I have to import a set of png's from Photoshop to Edge Animate. The actual source file is a Photoshop psd but I cannot import the psd into Edge so I have to painstakingly export each layer as a png and there are over 40 layers. Is there a way to take a layered Photoshop file and turn those layers into transparent pngs so when they import to Edge or another app the layers would remain intact but just as png's?
W/ 6 & I think 7, in order to create a transparent png I would have to save the file (single layer PSD w/ transparancy) and open it up in Image Ready, or click on the image ready button to send the image over. Then I would have to select PNG and optimize it, and it would save the transparency.
If I would try to do this all within PS, the transparent areas are saved as white, so the image was not transparent.
Do I still have to do this w/ CS, or can you really save truley transparent pngs within Photoshop now?
I'd like to transition to .PNGs for my web graphics. I use a lot of transparent .GIFs for buttons and so forth. I know that .PNGs have transparency, but is there a way to do that in Photoshop with .PNGs?
My team and I have been having issues with generate image assets not saving png files correctly. Photoshop has been saving them with the png extension, but the file has a white background like a jpg. Has there been in recent updates that may be causing this?
I am trying to edit a pic for an avatar and need them to have transparencies (i.e. no white space around the pic) and dont seem to be able to do it in PS Can it actually be done or do it have to go with gifs ??
At work I use Photoshop, but at home I have started using GIMP. One problem I constantly have is the size of pngs. How do you reduce the size of pngs?
I have 400KB png, when I save the same image at home in GIMP as jpg it becomes smaller, but if I save it as png it becomes about 2MB - this is huge compared to photoshop
If I use the save for web plugin, the results are the same for jpgs, but if I save as 24bit png the image suddenly becomes 2.5MB. Why are PNGs in GIMP so large?
I'm trying to create images of pairs of cards from png images of a deck of playing cards, basically I would like to combine two cards into a single image, i.e. have the A clubs with the King clubs for AcKc (attached), I would like to do this for all starting hands if you're familiar with poker (AA,KK..72 etc)
Lastly, I would like to change the color of the diamonds and clubs suits from red to blue and black to green respectively, without affecting the black border.
Attached File(s) king_of_clubs2.png (256.97K) Number of downloads: 7
I just bought a website template and there are certain files that won't open in gimp like psd's and even some png's and jpg's (though the ones I need most do). My girlfriend was able to open the psd's in photoshop. Anyway to get all these files to open in gimp?
I've attached the psd, the png and jpgs wont attach (maybe because they are tiny 70 byte files that dont matter). (Im using Windows 7 64 bit)
I have a folder with about 600 transparent PNGs that I use in my photomanipulation projects in Gimp... about 100 of those are the most used of the 600.... would it be a good idea or a bad idea to make Gimp brushes out of those PNGs? or should I just stick to using transparent PNGs via copy and paste?
It used to be that I could take any ,jpg file, then save it as a .png so that I would have a transparent background in order to render the pic. Now, for whatever reason, when converted the background remains white. What setting has changed that I can no longer get a transparent background after the .png conversion? Gimp V. 2.6.8.
I have a few large pngs that i want to cut up into 192x192 pixel boxes and save all separately. Is there anyway to do this automatically? I could crop each block but that seems like a lot of work.
So basically i want to cut up a big picture into separate smaller pictures quickly?
I use Photoshop X3 to create buttons for a webpage. The buttons are saved as PNGs.This works fine for Firefox, Chrome, IE9. But in IE8 and Safari, the buttons are not displayed, instead IE8 displays a red X.
I tried to open the PNGs in PHP, but I get the error: gd-png: fatal libpng error: Too many IDAT's found in ...image.php...It seems that the PNG exported by Photopaint are not standard-conform! I installed the 2 service packs for X3.