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.

Similar Messages

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 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

Invalid URL for Web Content Overlay, ERROR!!!!!!

Hello All,
I'm hoping someone can help me with this error, I was working on my indesign file and was testing it out locally, then I went on to upload my file and I got prompt to install a new version of the Folio panel which I did, now every time I try to upload my file I get this "ERROR: Invalid URL for Web Content Overlay", I've searched around and have not come up with an answer. Not sure if its a bug on the new update or what. I tried some troubleshooting which this is what i did. I copied my first page of my document onto a different file and tried to upload one page and then i got the error but then I deleted the images and just left one text box and it uploaded my file without any issues, strange huh. Any ideas????

I was having the same problem with both hyperlinks and buttons in one particular file -- "Invalid URL for Web Content Overlay." It seems to only be a problem in files where I had a link or button previously, and then deleted the object. When I create a new object and create a link or button, it's as though the old link is still lingering somewhere in the file! However, none of the old links is listed in the hyperlinks panel before I create a new one.
This occurred while I was teaching a DPS class, using the Adobe courseware (sight unseen by any proofreader, I believe). In one of the exercise files, the steps for the student to create hyperlinks and buttons had already been done, so I deleted the hyperlinks. (I think I deleted the text frames that contained them, but I'm not sure.) I never had a problem with it UNTIL I downloaded the Overlay Creator/Folio Builder dated June 19 (v21, I think).
In the same file, I also had problems with a NAVTO link, . I don't think there were any NAVTO links in any earlier version of the file, at least none that I ever created or deleted.
I've coded HTML since the days when the only available tool was Notepad, so I'm sure that I used correct URLs (and none redirected). Even the URLs in the deleted objects were correct; I only deleted them so the exercise could be done again.

Invalid URL for Web Content Overlay. Help?

I am doing a french tranlation to an existing folio app that someone else created.
There is one page in my folio that is comprised of garbage and a trash can. You touch the garbage and drag it into the trash, and things change, etc.
I have an index.html file and a bunch of other images.
I can't even successfully add the article to my folio, I get this warning: Content Generator Error. Invalid URL for Web Content Overlay.
Can you walk me through how to get this to work?
Attached is a screen shot of my file structure...

When you specify the .html file, all the content in that folder is uploaded automatically. Here's an article about Web Content overlays:
http://help.adobe.com/en_US/digitalpubsuite/using/WS9293e1fb3b977c5c73657495129f66e490f-7f fa.html
And here's an article and video about HTML articles:
http://help.adobe.com/en_US/digitalpubsuite/using/WS67cb9e293e2f1f60530cf39c12f5fcd6d46-80 00.html

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

Why am I getting the flag Invalid URL for web content overlay when making scrolling panel in Indesig

Why am I getting the flag 'Invalid URL for web content overlay" when making scrolling panel in Indesign? Iam making additions to existing articles but the problem is new. The articles were originally made using CS and now I am on CC, which I have just uninstalled and re installed, no difference, can anyone help please? Steve

Hi Bob, thankyou very much for coming back on this. The flag is coming up towards the end of the preview process on desk top. I have made dozens if not hundreds on my two published apps on the app store, but have not done an update for nearly a year, in which time I have needed a refresher, and as usual went to Lynda. In this case I have followed to the letter your DPS course, which is great, and I found the process of making the scrolling panels somewhat easier than when I started 2-3years ago. Initially I was mystified that the flag talked about url and web content, but just put it down to something I had missed in recent improvements in CC.
I tried over and over, but always got the same result. I thought at one point it might be because the content of my slide was copy and photo, so for a test I deleted the photo. Same result, and many of my existing slides are copy and picture.
I also uninstalled Indesign CC and reinstalled in case of corrupted content, I also copied to IDML and relaunch, same problem. I am sure I have made the scrolling content as instructed, The one thing I havn't done is trash my preferences, if you think that would be a good Idea could you please direct me to some content at Lynda on how to do it in CC. Many thanks, Steve

Short of dismantling and recreating a page how do i find out whats causing [Error: Invalid URL for Web Content Overlay]

Hi,
i received an indesign file to include in a folio that had links to the creators desktop where they had the assets for the web content overlay. When i try to update the folio i get the error message:
"Content generation error.
[Error: Invalid URL for Web Content Overlay]"
Which is fair enough.
The problem is, i have gone through and changed all URLs that I can see, but there is one somewhere, that I just can't find.
Is there a way to get a list of all web content overlays in a particular file? otherwise i will need to recreate the whole page again, and it has some pretty complex interactions which i rather wouldn't do.
I also cannot ask the original doc creator to just change the links as i'm sure he'll have the same issues as me, at not being able to track down the erroneous link.
The problem I have with DPS is that its not very transparent. you'll have to click on everything, and into every group to see what actions are on it, which can be extremely time consuming and frustrating when complex interactions are included.
thanks in advance for any assistance

I’ve found watching the process helpful to narrow down the page.
Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
From there it’s a bit easier to narrow down.

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 Server Role for Web Applications

Hi,
I'm running SQL Server 2008 R2 Express and using Microsoft SQL Server Manager Studio to administer it. I have a web application that does read, add, update, and delete to the database and I am currently using the sa account - which is of course not
a good idea. I want to create a new user but I don't know what the best practice is for web applications and also security. The options I have are:
bulkadmin
dbcreator
diskadmin
processadmin
public
securityadmin
serveradmin
setupadmin
sysadmin
Thanks.

Hi mark_sti,
Based on my understanding, you want to create a new user of the database. Using this new account, a web application could read, add, update, and delete the database.
The options you provide are fixed server roles. For more information about fixed server roles, please refer to this article:
Server-Level Roles.
In this scenario, you need db_datareader fixed database role and db_datawriter fixed database role. Db_datareader fixed database role can read all data from all user tables. Db_datawriter fixed database role can add, delete, or change data in all user tables.
To add two database roles, you should map the login to the database which is used by a web application in Login Properties. Then create a new database user, check Db_datareader fixed database role and Db_datawriter fixed database role on Membership page of
Database User. About permission of different database roles, please refer to this article:
Database-Level Roles.
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu

Content generation error: invalid url for web content overlay

Hi,
I am having an error message " content generation error: invalid url for web content overlay" when I want to upload the article.
I don't have any link with that article and this is my 1st time having this kind of error. I am using indesign CC
Please help.
Thanks,
Rush O

I’ve found watching the process helpful to narrow down the page.
Working off a duplicate of the file, delete one layer at a time until you figure out what layer the problem is on.
From there it’s a bit easier to narrow down.

Best practices available for web channel 2007

Hi All
Is there any best practices available for web channel 2007,
can any one please guide where to get them
regards
Jaju

Hi,
[http://help.sap.com/bp_crmv12007/CRM_DE/HTML/index.htm|http://help.sap.com/bp_crmv12007/CRM_DE/HTML/index.htm]
In the above link go to Technical Information >Building Block Library > C78: CRM Interaction Center
Regards,
Sateesh Chandra

MP4 Video throwing error: Invalid URL for Web Content Overlay

Converted a 15 second flv video to the following using Handbrake:
mp4
H.264 codec
"Placed" mp4 file into my article
Set Autoplay= On and 0.125s delay
Try to preview via InDesign a get the error: Invalid URL for Web Content Overlay
Try to update my article via Folio Builder and I get the same error.

It seems that you "placed" your video into the frame selected as Web Content in Folio Overlays Panel.
Delete that frame.
Place (in the normal InDesign way, not"place") your mp4 file onto the page.
Adjust the size of the frame to your video measurements.
Look at the Folio Overlays Panel. Your placed file should appear ther as Video Overlay.
Set your options and you are done.

What is the best photo paper for the Canon MX860?

What is the best photo paper for the canon mx860? I have the Hammermil photo copy paper but I don't think that that's the right paper for the printer
Solved!
Go to Solution.

Hello Kolourl3lind,
The following Canon photo papers are recommended for use with the PIXMA MX860:
Photo Paper Pro Platinum <PT-101>
Photo Paper Pro II <PR-201>
Glossy Photo Paper "Everyday Use" <GP-501>
Photo Paper Glossy <GP-502>
Photo Paper Plus Glossy II <PP-201>
Photo Paper Plus Semi-gloss <SG-201>
Matte Photo Paper <MP-101>
High Resolution Paper <HR-101N>
T-Shirt Transfers <TR-301>
Photo Stickers <PS-101>
These photo papers, as well as other accessories for the printer, can be purchased online at the Canon eStore here:
http://shop.usa.canon.com/shop/en/catalog/accessories/pixma-mx860-wireless
Hope this helps!
Did this answer your question? Please click the Accept as Solution button so that others may find the answer as well.

Adobe Tools - Best Photo Format for Web Content

Similar Messages

Maybe you are looking for