Best image format for websites

I make website named Softec Labs and I often use the JPG format to save most of my images because of the image clarity and sharpness. I have been hearing that the PNG format is ideal for the web because of its small file size, does the PNG format look as good as the JPG formats? And is there a slider to change the image quality like there is in photoshop for JPG's?

JPEG is a "lossy" format. That is, it throws information away (or, sorta, does random smoothing) to reduce the size. When you choose the quality setting you are deciding how much to throw away; at highest quality settings nobody will ever see, for photographs. JPEG is designed for photos (the "P" in JPEG), and a poor choice where there are non-photographic sharp edges, such as in text, as these produce more noticeable loss.
By contrast PNG is not lossy - it is "lossless". So no quality setting is needed. There are other options for reducing size, like reducing the number of colours.
So a PNG will be exactly like the original (at least if you don't reduce colours). PNG can be a very good choice for solid areas of colour as in text; GIF is also suitable for these and has slightly wider support (though I think all mainstream browsers now support PNG).
For size, just do your own experiments. Thanks to Save for Web, you don't even need to save to compare quality and size.

Similar Messages

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

I am a new mac user and I switch to mac due to the graphics that it brings. I do website in pc and I heard iweb is the best.NOW i heard that iweb will be discontinue. so what is the best application there for website using MAC OSX lion?

It is now confirmed that iWeb, and iDVD, has been discontinued by Apple. This is evidenced by the fact that new Macs are shipping with iLife 11 installed but without iWeb and iDVD.
On June 30, 2012 MobileMe will be shutdown. However, iWeb will still continue to work but without the following:
Features No Longer Available Once MobileMe is Discontinued:
◼ Password protection
◼ Blog and photo comments
◼ Blog search
◼ Hit counter
◼ MobileMe Gallery
All of these features can be replaced with 3rd party options.
I found that if I published my site to a folder on my hard drive and then uploaded with a 3rd party FTP client subscriptions to slideshows and the RSS feed were broken. If I published directly from iWeb to the FPT server those two features continued to work correctly.
There's another problem and that's with iWeb's popup slideshows. Once the MMe servers are no longer online the popup slideshow buttons will not display their images.
Click to view full size
However, Roddy McKay and I have figured out a way to modify existing sites with those slideshows and iWeb itself so that those images will display as expected once MobileMe servers are gone. How to is described in this tutorial: #26 - How to Modify iWeb So Popup Slideshows Will Work After MobileMe is Discontinued.
It now appears that the iLife suite of applications offered on disc is now a discontinued product and the remaining supported iApps will only be available thru the App Store from now on. However, the iLife 11 boxed version that is still available at the online Apple Store (Store button at the top of the page) and those still on the shelves of retailers will include iWeb and iDVD. Those two apps were listed in small, gray text on the iLife 11 box that I bought.
Personally, if I didn't already have a copy I would purchase one to have it for reinstallation purposes if ever needed.
This might be of some interest to you at this time: Life After MobileMe.
OT

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

What is best movie format for iBooks Author

What is the best movie format for iBooks Author?

Thanks for the people who helped my. Thanks to you I now have the answer. It is as follows:
1. Load your movie into Quick Time Player.
2. When in Quick Time Player go to File then Export to then check Broadband H.264, 5Mbp/s maximum data rate.
This worked for me so many thanks.

Best video format for converting DVD to NAS for widely sharing

Summary: The article shows you with an easy workaround for
copying DVD to NAS for streaming by ripping DVD to NAS friendly video
format on Mac and Windows
I recently purchased a NAS to store all my music/photos etc on. I
can stream stuff to my iPhone/iPad using the NAS software. What I want
to do is rip all my DVDs (over 400) to my NAS, but I’m not sure which
format to do it in, to play nice with my Apple TV2, Xbox 360, iPhone,
iPad etc. I wanna get some advice as to what format to rip in and what
software to use?
Learn some tips from online, I got know that to copy dozens of DVD movies to NAS,
you need to get the content off the DVD disc as a protection-free and
easily readable element for NAS. In this case, at the first place
powerful third-party software for backup DVD to NAS is what you need.
There are many, many DVD ripping tools on the market. I’ve tired a pile of them.
Brorsoft DVD Ripper
is the best one I’ve tried yet. It is capable of ripping DVD to MP4,
AVI, MKV for NAS streaming with no quality loss; it also enables you to
copy DVD main movies for backup onto NAS in .vob format. And what I’ve
learned is that MP4 would be one best target format for it is fully
compatible with nearly all media devices including iPad, iPhone, PS3,
Apple TV, etc. If you are running on Mac OS X, turn to DVD Ripper for Mac. If you haven’t got the software, download it now and let’s start the conversion.
Ripping and copying DVDs to NAS
1. Launch the DVD ripping program for NAS devices . Then
click "Load DVD" to import the DVD files you want to convert. To select
the subtitles you like, simply click Subtitle and select the one you
prefer. P.S. Before start the conversion, you can choose to backup DVD mian movies.
2. Click Format bar and choose your desired format. To store
hundreds of DVD's on NAS, you can rip DVD to .mp4, or .avi, .mkv, etc
compressed format. And click Settings bar, you can adjust the level of
compression to suit the quality you want.
Tip: If you like, you can click “Settings” to change the
video encoder, resolution, frame rate, etc. as you wish. Keep in mind
the file size and video quality is based more on bitrate than resolution
which means bitrate higher results in big file size, and lower visible
quality loss, and vice versa.
3. Press the "Convert" button to start ripping DVD for NAS streaming.
After the conversion, click Open button to find the output files.
Make sure the wireless network connection is accessible among the NAS
and Apple TV, PS3, HD TV or other media players. Then just enjoy the
high quality DVD movies anywhere anytime.
[quote] movies-videos-convert-tips.overblog.com/2014/02/ripping-dvds-to-nas-how-to-copy-dvd-to-nas-for-streaming.html [/quote]

I've always found encoding with Handbrake and choosing the Apple TV2 preset is an excellent place to start and video encoded using that preset will work on my iPhone 4, 4S and iPad 2.
If the files encoded using that preset are too big for one's taste they can always encoded at a lower average bit rate rather than using the default 'Constant Quality' of 20.
Later on I'm sure the Handbrake group will have an AppleTV '3' preset supporting the 1080p format supported by the ATV3 and iPad '3' but using such a preset would not create a file usable on the iPad 2 or the iPhones.

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

Is anybody know best image viewer for Mac..?

Is anybody know best image viewer for Mac..?
I like Windows Explorer Image view .. you just open one file and left and right will scroll though .. can do it in full screen too.
I try a Photo+ and everything is ok, but again must select all pictures or folder to open many photos. I click to one photo in folder, Photo+ open only clicked photos

Try this one... it's called Privcy
https://itunes.apple.com/us/app/privcy/id828281323?ls=1&mt=12
Can easily navigate using cursor keys. What I like is that as you move past the last image it automatically shows the next folder or zip. Ideal for quickly looking at pictures.
Also you can paint/airbrush pictures immediately...

What is the most suitable image format for processing with imaq?

Hello.
What is the most
suitable image format for processing with imaq?
I want to capture an image of a usb webcam, store and
then process it with imaq. I need to know what format to save the
captured image can then load and process it with imaq vision.
Thanks

The only criteria is: don't use JPEG for anything scientific! The compression involved with saving JPEGs means you always lose information. I tend to prefer PNG - it's compressed, but non-lossy, and also widely supported. TIFF is fine as well, but I don't think has any advantages over PNG for this application. JPEG2000 can give good non-lossy compression I think is slower to read/write than PNG.

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 Streaming formats for YouTube ?

What would be the best encoding format for uploading content to YouTube or for that matter without any dependencies on QT ? I would like my FCP content to be available for viewing on any device with the finest quality. Have I lost touch or is this very simple ?
Thanks,
Oneab
Power Book G4 Mac OS X (10.3.9)

My video:
http://youtube.com/watch?v=z2fDd0CgAxM
Was uploaded from an h.264 compression because I didn't have the original handy (plus I believe you have to be under a hundred megabytes)...
Patrick

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.

Image format for best quality photos

Hi there, I'm pretty new to photo-editing and have a question about preserving image quality:
I've heard that re-saving jpegs in Photoshop (Elements 12) makes them lose quality - even if no editing is done - and that saving jpegs in formats like PNG and TIFF can preserve the quality of the original image. So, if I edit a jpeg image in PSE and then save it as a TIFF, does that mean the quality of the original image is preserved 100%? If not, how can I fully retain the quality of jpegs after editing and saving them?
Thanks for your help

Hi Phoebe2014,
Yes you are right that each time you open and save a jpeg image , the image compresses and you lose small amount of information. As i believe that it should not lose quality of image when you are saving a jpeg image to tiff format because compression occurs when you re-save a jpeg image to jpeg format. You can read more on below links.
Photoshop Elements Help | Saving and exporting images
What is the Best File Format to Save Your Photos In? PSD * TIFF * JPEG * GIF * PNG - Digital Photography School
Thanks,
Raushan

Adobe Tools - Best Photo Format for Web Content

Hi,
We have recently redesigned our website at http://www.aljoufilaw.com/ar/ and inserted photos in the homepage and its sub-pages.
Our concern is that we want to have the photos in the best quality and with high resolution. What is the best photo format to achieve this? We had converted our photos in Photoshop to JPEG and PNG.
Does increasing the resolution in Photoshop by going to image>image size>resolution, helps the quality of the photo in the website?
We appreciate your expert advice and opinion on this.

No. Resolution is a print concept which has no real meaning on the web. What matters on the web is height & width in pixels (500 x 325).
Even if you save images at 300 dpi for print, they will be displayed in web browsers at 72 ppi (or slightly higher in HiDef displays).
Higher bandwidth (file size) just makes your images load very slowly with no significant gain in quality.
In Photoshop, use File | Save for Web & use the 4-up tab to compare file size with image quality. Rule of thumb on the web is to use optimized JPGs for photos and select the smallest file size you can get away with, then back off a tad.
See screenshot from Photoshop.
Nancy O.

What is the best video format for 50+ year movie storage?

Objective: In what video format should I store my family movies on an external drive? I want these family movies to be viewable by future generations in 50 - 70 years, so what video format / type is recommended?
Background: I have an iMac, OS X 10.7.5. I use IMovie '11, version 9.0.8. My iMac has an internal DVD player and burner and iDVD is installed.
I have dozens of family movies (total 80+ hours) dating back nearly 70 years. All these films have been digitized and I have imported many of them into iMove as events, then I edit them with title pages, transitions, music, etc. When a "project" is completed (Between 1.5 - 2.0 hours or less) I share the project to iDVD where I burn it to a DVD. Within iMovie I save each of these projects (on the internal Mac HD, which consumes very little space) and on an external drive I save for each project:
- a disc image (DVD.img) whose size is about 4.5 GB
- a copy of the iMovie project, whose size is about 60 MB (the original project is in iMovie, in the Mac internal drive)
- the original digitized raw movies imported into iMovie as events and are formatted as .mov (these are large size at 8 GB - 20 GB each)
- the finalized and fully edited iDVD which is formatted as DVD.dvdproj (these are very large size at 20 - 24 GB each)
As you can see with all these disc images, projects, events and DVD projects stored on my external drive I am at nearly 1 TB of storage, on my way to 1.75 before I comple editing all movies.
While I manage pretty well the editing my movies within iMovie, and how to create an iDVD project and then burn a DVD, I have no understanding of the technical aspects of the multitude of different movie formats in the market nor of Quick Time and its format.
I am told that DVDs will only last 10 - 15 years and then begin to deteriorate. And iMovie '11 won't be arond 50 years from now. Nor will the current / recent versions of iDVD. Thus, for posterity:
1. In what format should I store my family movies on an external drive so they can be viewed by family members 50 - 70 years from now? (best chance for viewing, since we don't know what formats they will have then)
2. How do I convert from what I have (disc image, iMovie project, DVD project) to your recommended format?
Thank you,
HDP

There is no such format for movies or even Photographs. Frankly we can't guarantee the persistence of any format past the next 10 years, not to mind 50 - 70.
Codecs are being improved and created all the time, and this process will continue. In 50 years time we may still have .mov and .avi files, but the codecs that create the movies within will have changed.
One thing is reasonably sure: DVD will be as deader than floppy disks are now. Ditto Blue Ray. They're on the way out now, and in 10 years they'll be curiosities.
So, what's the solution:
Best I can suggest is to keep your movies on volatile media like Hard Disks (with back ups on other disks, or course). Progress will be evolutionary - as new formats come along there will be the option to migrate older data to these newer formats, and that's the trick. As always, when it comes to migration, the more data available the better the likely result, so keeping your movies in the least compressed versions possible seems a good approach.
That and a dollar will get you a cup of coffee someplaces, but nowhere fashionable.
Regards
TD

Best export format for viewing on external TV?

I have a small project that I'd like to show via hooking my laptop up to a TV. What's the best Quicktime format/setting for exporting for doing this? Any suggestions?
Thanks,
Kristin.

Hi(Bonjour)!
The problem relies on the application that you will use to output your movie to the TV monitor.
If you use iDVD in full screen, outputed to TV set, simply burn your movie with iDVD and play it.
If you use quicktime player, in full screen mode,the image may be outputed to TV (I do not know).
May be with a presentation softwares like Keynote or powerpoint ?
TV format is NTSC interlaced 29.97 fps ( or PAL in Europe), but even if you export to this format, how will you play it on TV ?
Michel Boissonneault

Best image format for websites

Similar Messages

Maybe you are looking for