Best File Format For Online Line Art?

I thought the conventional wisdom was that all line art for the screen should be saved as GIFs, all photographic line art should be saved as JPEGs.
Then PNGs came along and offered an alternative to GIFs.
I've been exploring this because I've been having a problem when exporting line art from Illustrator 8 as a PNG and opening it in Fireworks MX, where it appears washed out.
I did a bit of research among comic strip artists -- the art I'm exporting from Illustrator is a comic strip -- and came up with conflicting results.
Dilbert seems to save black and white line art as GIFs, e.g. http://dilbert.com/comics/dilbert/archive/images/dilbert2008611230313.gif
... But its Sunday colored strips seem to be saved as JPEGs, e.g. http://dilbert.com/comics/dilbert/archive/images/dilbert2008040261966.jpg
Meanwhile Donnesbury seems to save colored comic strips as GIFs, e.g. http://images.ucomics.com/comics/db/2008/db080406.gif
Any thoughts, suggestions?
Thanks.

I assume your line art is drawn as vector art in Illustrator, correct?
As far as I'm concened, the "best file format for online line art" would be .swf, because it would retain its scaleable vector nature, and the Flash Player is most likely embedded in any reasonably recent computer's browser.
But a little simple experimentation would be in order regarding file size. SWF (as exported from Flash, not necessarily AI) is very efficient. But the complexity of the line art could still make a given image require more bandwidth as .swf than as a rasterized version.
The former conventional-wisdom regarding PNG is the old "not supported in older browsers" saw. I see even Firworks's online help still says:
> However, not all web browsers can view PNG graphics.
Personally, I think its way past time to stop cow-towing to outdated browsers and use PNGs anyway. So if it were me, and the nature of my line art required rasterization for online use, I would use PNG for its obvious advantages. But then, my livlihood is not affected by some minority of outdated web viewers not being able to view my PNGs.
I would think that whatever color problems you are having in getting your AI files exported to PNG can be worked out with a little investigation/experimentation. (PNG supports color management profiles, so that alone may be your problem, and may be easily fixed in your workflow.) GIF is by definition limited to a subset of colors. JPEG is by definition a lossy compression format. So there are certainly precise color-accuracy issues with those overused formats, too.
But again, that's just me. What little I do in web graphics that would involve this issue doesn't really affect my livelihood. Lowest-common-denominator compatibility may be more important to you.
> Gilbert seems to...
> Doonsbury seems to...
The two images are very close to the same size (132K & 125K). They both include contone grads. Between JPEG and GIF, I would expect JPEG to more consistently yield acceptable results. Since GIF is limited to an 8-bit lookup table, I would expect aberations such as unwanted banding to be more likely in GIF if the artwork contains many colors and alot of highly-rendered shading.
Since you specify
line art, though, that would rule out contone fills, and you could use GIF with a very small color table.
On the other hand, you do not specify whether you want to use transparency in your line art images. If you do, PNG would be far superior, because it supports true alpha transparency. In a GIF, if you can only make one particular color transparent. So even with line art, if the line art is antialiased at all, you'll have the ugly halos so commonly seen in GIFs when displayed on a wrong-colored background.
The only functional "advantage" that I see in GIF over PNG is its multi-image capability, for quick & dirty frame-by-frame animation. My personal animation efforts focus entirely on Flash/SWF, and use scripted animation whenever possible to avoid frame-by-frame. But I recognize the simplicity convenience of animated GIFs for web banners and those (often-annoying) moving icons and such.
JET

Similar Messages

  • Line Drawing best file format for import in InDesign

    i was wondering what is  the accepted and recommended file format for files to be imported in InDesign. I was under the impression that AI files should be saved as EPS but I just read an article that says that Adobe's Dov  Isaacs said that eps will be shortly obsolete.What should I do. I work on curriculum that contains both photographs and line drawing and we use tiff for the former and eps for the latter. Most of our line drawing is done in AI. Howeverwe have a cartoonist that sends us files in jpg format. What would be the best file format for him and for us as we draw in AI?
    Article link: http://www.prepressure.com/library/file-formats/eps
    The future of the EPS file format
    EPS is rapidly becoming an outdated file format which is being  replaced by PDF just like PostScript itself is also being phased out and  replaced by PDF. Don’t just take my word on this. Here is what Dov  Isaacs from Adobe said in a discussion on a PrintPlanet forum about the  future of PostScript: “ …Adobe will continue to support EPS as a  legacy graphics format for import of non-color managed, opaque graphical  data into Adobe applications (such as InDesign and Illustrator).  Although we certain do not recommend that new graphical content be  stored in EPS format (except to satisfy the need to import data into  page layout programs that aren’t quite PDF-centric — no need to mention  names here!), our user base should feel comfortable that there is no  need to worry about a need to convert their very sizable libraries of  EPS-based graphic assets.”

    Yes, I drag the AI file in.
    If after it's in place I need to change I can just right click and chose edit original make the changes and save and the illustration in inDesign will reflect the changes.
    On the other hand I can make changes to the original and all iterations of the file will automatically update, say if I used the illustration in several documents.
    As an example I had completed a set of documents for a new company, i.e., biz cards, brochures, product labeling, stationery, etc. and in their wisdom they decided to make changes in their logo, which, of course, is on everything. I opened the AI file with the logo made the changes saved and all the documents then reflected the changes. The only caveat to do this seamlessly is to make sure that your file logo size is the same as the original or you might have to tweak placement in the other documents
    It is this interoperability that to me makes the Creative Suite so much more than the sum of their parts.
    Craig

  • For iPhone and Android, what is the best file format for watching videos?

    For iPhone and Android, what is the best file format for watching videos?

    You can try these setting. They are from CS5.5 but should work in CS4.
    Make sure you check Use Max. Render Quality.

  • Best file format for linked images in AI

    Goal:  To keep Illustrator "running" as smoothly as possible with a few hundred linked images?
    Question: What file format to use for the linked images ???
    I have a few hundred grayscale and CMYK scans that are placed in AI. for a very large museum mural. The scans only have a single layer. They are currently jpegs but Illustrator in coming to a crawl and randomly crashing.
    In my everyday work flow I usually link to PSDs
    Just wondering what the absolutle best file format is to squeeze every bit of performace out of illustrator with so many linked images.
    Thanks in advance,
    Dan

    Jpegs are compessed in such a way thata a jpeg of a smaller takes a little longer size to open.
    You are probably experiencing this on alrge scale so it is more noticeable and making it take longer to link up.
    I would use tiffs anyway.

  • Best file format for archiving high def feature film clips?

    Hey, all.  This is a second question.
    I got a part time job at a university assembling a database of feature film clips that have to do with wearable technology in popular culture.  Basically my job is to go through feature film clips and assemble a database of clips like Iron Man testing his gear, Batman using his sonar in the Dark Knight, that sort of thing.
    I'm not sure what the best file format to export my clips would be.  They should be downloadable (and not huge) but still high definition.  I tried making a clip where Iron Man tries flying for the first time, but the entire movie I downloaded was around 700 megs, and my two minute extracted clip was 150 megs, so I'm not doing something right. 
    Can anyone suggest a file format?  It needs to be lossless (I think I'm using that term correctly) so that if students want to reference the clip they can pull high definition screenshots and whatnot from it.
    Cheers,
    DT

    You might want to export twice, or maybe even three times for each clip. Once for the HD clip that is as high quality and visually perfect as possible, another for the compressed and relatively easily downloadable clip, and a third for the live thumbnail.
    One example of how this is done can be found at one of my favorite sites, http://www.videoblocks.com - no advertising intended. I am sure almost everyone here gets plenty of ads for the site already. I just happened to suscribe when it was cheap.
    In any case, you hover your mouse over a clip and it plays back in a small version. Then you have a choice of downloading the MP4 version designed to watch, or the MOV designed forediting.
    That solves the problem for the students if the University has the storage space for multiple copies.
    If you haven't seen VideoBlocks yet, sign up for the free 7 day trial and download so music, or AE templates, or something else you can use like transitions or lower thirds, or whatever. Then you can see how it works and why I think it might solve your particular problem. If you have a problem with signing up, let me know and I will record a screen capture for you.

  • Best file format for 8mm home movie conversion

    Hi there,
    I'm about to get some old 'standard' 8mm home movies from the 60s & 70s converted to DVD as a Christmas gift for my mum.
    The transfer company will also supply the footage as files to view/edit on my mac at a later date. I'm a complete iMovie novice so my question is, which file format should I choose?
    They're offering AVI, MPEG 4, WMV, .MOV or Pro Res files.
    Many thanks in advance for your help...
    Jon Howard
    PS I'm running iMovie '08 (7.1.4) & OS X 10.6.8 on an intel 13" macbook in the UK (PAL area).

    Pro Res in potentially the best, but you would need Final Cut Pro, not iMovie, to edit it.
    It is difficult to advise you without knowing the technology they are using. Are they capturing in High Definition progressive or Standard Definition interlaced?
    I found a US company that would scan the 8MM at 1080P. They provided the files in Motion JPEG format. This proved to work great in iMovie.
    If they are doing Standard Definition, I would say go for DV if they can. MOV is generally good, but MOV is a container, not a codec, so it depends on what is inside it.
    Here is a post where I discussed the results.
    Here is a link to the company that did it. http://www.mymovietransfer.com/
    Here is a sample of the results. Watch in full screen if you can.

  • What is the BEST file format for editing HD in CS5?

    We are building a remote production truck and it will be tapeless with all hard disk video recording. We have not decided on what brand of disk based recording system we are getting.
    I am looking for opinions of what the most ideal file format to capture in HD for editing in CS5? What is the highest quality yet fastest and most efficient for editing basic 1080i30 or 1080p30 video for broadcast?
    There are so many devices that capture quicktime but quicktime is crippled to 32bit in windows and we want to avoid it.
    thanks!

    I'm sorry i guess i didn't mean to confuse you with the word "capture" in that question. there are
    tons of hard disk based recording systems out there that "capture" our video to a disk into a file we can import into premiere and edit.
    This will be a live production truck, video will come out of our production switcher SDI into some companies recording device which will have a plethora of codec choices to record with. We want to choose a product that will give us files that will work best in premiere CS5 with gtx460 gfx cards and matrox axio le hardware.  Just wanted to see if anyone who has edited various codecs has noticed if any seem to work faster and better then others.
    there are many companies we are looking at that make such disk based recorders including nnovia,aja,panasonic/p2, fast forward, etc...
    i want to avoid quicktime and am more interested in mpeg4, or mpeg4 part10 (h264), or p2, omf, mxf are possibilities, any opinions?

  • Best file format for iMovie when transferring standard 8 to DVD for use under iMovie.

    I have some old Standard 8 cine film which I want transfered to DVD or CD so I can edit under iMovie.
    What file format should I ask for i.e. .avi etc,
    Should I get them onto DVD or CD.
    Does anyone know a reliable transfer companies ?
    I have Mac OS X 10.6.8 and iMovie 09 8.0.6 (821)
    Many thanks for any help.

    If you have 8MM film, I have found a company called Mymovietransfer.com or Debenham media that will convert the 8MM to 1080P in the format you specify. I chose Motion JPEG, and it worked great in iMovie. If you have Final Cut Pro, you can choose ProRes or Uncompressed instead.
    When you get your film converted to DVD, it will be standard definition and lose some quality. If you prefer to go standard definition you are better off finding someone who will convert it to DV codec rather than a DVD, which is highly compressed MPEG2.
    So my suggestion would ne to find a company that can convert it in the highest quality possible. You can then edit it in iMovie and share to YouTube, DVD, etc.
    Here is a sample video of mine in 1080P from 8MM converted by Mymovietransfer.
    http://www.youtube.com/watch?v=u9h8InMb0Ys
    I have no affiliation with this company except as a satisfied customer.

  • What is the best file format for photos?

    Greetings.
    I am going to be importing some photos into FCE 3.5.1 to do some effects and motion. What is the prefered file format form Photoshop for FCE? TIFF, JPEG, and PS format all import, but I'm just wondering if one is prefered over the other.
    My images will be pretty big, 3000 pxels x xxx at 72dpi, so I can move in and out, and maybe pan.
    Thanks.
    Jonathan

    PNG, PSD. Don't make the image larger than you need to.

  • Best file formats for graphics and photos for iWeb

    What is the best format to transfer files from PDF's, JPEGS, Illustrator CS3 & InDesign for best resolution display in iWeb

    Welcome to the Apple Discussions. JPEGS should have the sRGB color profile. I don't know of anything special for PDFs. You might compress them to make them load quicker when viewed but those that I've added I've not done anything to them. For Illistrator and InDesign it probably would be best to take screenshots of them and use those. I don't think iWeb can import those formats but since I don't use either I could be mistaken. All graphics in web sites are displayed at 72 dpi so having large graphic files are not needed. Resize to approximately the size you want to display on the web page at 72 dpi and use that.
    OT

  • What is the best file format for PC (Windows7 64bit) and Mac OSX 9.2.1?

    My external hard drive containing files from my PC (Windows 7, 64 bit), says the files are READ ONLY. I'm trying to work of files on my Macbook Pro (OSX, 10.9.2). If I have to reformat  the drive, what is the best format that will work for both systems?
    Any help will be greatly appreciated.

    The Tuxera NTFS for mac seems to have fixed the issue.
    My question now is, Will reformatting to ExFatbe better or quicker?
    Thank you to AL of you for your help! 

  • What's the best file format for exporting to web?

    Hey Everyone- I design Hot Rods using an older CS3 version of Illustrator. The art board is 16x20".  When I print I use Walmart's photo lab and with an exported jpeg file at 150 dpi the print looks crisp and nice and highly detailed. When I save a file for emailing proofs to clients or posting on car forums, I have been exporting the file as 72 dpi at 10" wide. When I do this the art often looks a bit blurry and not near as crisp as the vector file.
    I have to have the files viewable via the internet, this is how I do all my marketing for new customers. They need to be relatively low in file size to load quickly in forums and such. What's the best way to accomplish this without losing resolution quality?
    Below is an example. This one turned out ok,  but some detail gets lost between the vector file viewed at the same size and the web based jpeg.
    Thanks in advance for any insight!

    HRD,
    You may use PDF for proof and anything else but web/screen use, for unlimited crispness and smoothness.
    For web and the like, the obvious way may be PNG24 with transpanency at exactly the same size in pixels x pixels that it is being shown at, and with Art Optimized ticked in the Image Size window. That should give crisper images than JPEG.

  • Best file format for PS and Illustrator files to be placed into ID

    I'm writing a proposal using InDesign. It will be output to PDF for circulation among the team members; I imagine they will view it on a variety of screens and some will print it out on various desktop printers.
    I have a variety of images, all in color, done in InDesign, Photoshop and Illustrator that need to be placed into the propsal. Sizes range from 5x7 to 2x2. Some are quite complex with fine detail.
    I've just viewed the proposal in ID Overprint Preview / High Quality Display. The images don't look great. Lots of ragged lines.
    I usually save everything to JPEG with a quality of 80-90...but that is just a habit, I have no reason or justification for this practice.
    I'm wondering if I should go back into the original ID, PS and AI files and resave them as something else before and then place them again.
    Does anyone have any recommmendations or thoughts to offer?
    I'm using CS4 on a MAC. My computer is a little bit underpowered for the project at hand, but I'm willing to put up with a bit of slow performance and lag if it results in a better end product.

    Jagged lines is a hallmark of low resolution, not file type, or a lower quality screen preview than you think you are using. Check the Display performace settings again to be sure they really are correct, and if they're set to allow object level settings, you'll need to verify that each object is also set correctly.
    Beond that, saving as .jpeg is always destructive. For the web, that's fine, but for print you should never use anything, in my opinion, but the highest quality settings for saving jpegs, and I advise again using jpeg at all. If you image is all raster data (pixels) save as .psd or .tif. If it has live type or other vector content, save as Photoshop PDF. In Illustrator save as .ai or PDF with Illustrator editing capability. If you change the extension of the Photoshop PDFs to PDP they will open in Photoshop instead of Acrobat when you use Edit Original.
    As I said, the jaggies are a hallmark of low resolution. We often have people tell us that the file is 300 ppi, but it turns out that's at some very small dimension and the imaga has been scaled up in ID. Both the Links panel and Info panel can show you the resolution information for your images. There will be two numbers, actual and effective. Effective resolution is the only number that matters. For printing on a desktop printer I like to see a minimum of 150 ppi, but you might get away with as low as 90 for a non-critical image. For press 300 ppi would be the rule of thumb, and dropping below 200 is asking for trouble.
    How the file looks in ID is not nearly as informative as how a PDF exported from the file looks, or prints. For a high-res image in ID you are still looking at a lower resolution screen preview, not the actual image as it will be output. Export settings that downsample too far or apply too much compression to reduce file size can also turn a good document into a clunker.

  • What is the best file format for importing photos into Imovie?

    What is the best format to save photos in before bringing into Imovie? What is the best resolution for them and what is the best size? These will eventually be ported over to IDVD. It seems that as jpgs Imovie didn't recognize them, but as psds it did.
    Dick

    hi Richard:
    Just a personal preference, but if I intend on using the photos for printing I keep them in the PSD form. When adding to imovie, however, I use .pict
    Sue

  • Best file format for iMovie import?

    I'm having some old home movie Hi8 tapes digitized by a local video shop and saved to DVD. I intend to import the digitized footage into iMovie to edit and create DVDs.
    Any suggestions on what is the best format(s) I should have them convert to?
    THANKS!

    From an editing standpoint DV would be preferable.
    However MPEG 4 would work. MPEG4 is really a playback codec, not an editing codec, because it is highly compressed. However, iMovie will edit it and if necessary, convert it to an editing codec.
    iMovie should be able to import MPEG4. If it is not standard MPEG4, you may need to install Perian from Perian.org. Try it to see if it works, but if it does not, keep Perian in mind.

Maybe you are looking for

  • Can I move my downloaded iOS apps to an external hard-drive?

    I have a huge music library which happily sits on an external drive that I back up religiously.  My iTunes preferences points to that external drive and it all works perfectly. I'm trying to free up disk space on my main hard-drive and I notice that

  • How to seperate two input signals

    Hi people, currently i have one input voltage signal, i would like to add another input signal which display the temp from my Arduino IDE wirelessly via serial visa configure. After doing that, i would like seperate these two signals by using data bi

  • Running flash file from non-english folder

    I am trying to run a flash movie located in a folder with non english characters (japanse, chinese). (Using latest flash 9 player) The movie does not play at all. Moving the movie to another folder with english only characters works fine. Also, it se

  • Cold Fusion - Getting Started!

    First time implementing CF with PT 5. How can I use the portal's authentication to pass to my CF application?

  • Failure to restart BI Publisher

    Hi, I can't restart BI Publisher because of this error : Starting OC4J from /apps/OraBI/OracleBI/oc4j_bi/j2ee/home ... *11/06/22 16:00:00 Error initializing server: /apps/OraBI/OracleBI/oc4j_bi/j2ee/home/config/server.xml, Fatal error at line 1 offse