Trouble outputting for web use

I have had various problems outputting documents to Jpegs for use on a webpage. I am exporting at the standard res of 72 ppi but find the quality unacceptable when I import these into i-web. Could this have something to do with the resolution certain images were scanned or imported at? Also the text is not reproduced as crisp as expected.
I am a bit of a novice in terms of Indesign so there may be an obvious solution that I haven't considered. Any help would be gratefully recieved.
Thanks
Angerman

Hi Bob,
Thanks for your help so far. I've tried exporting the PDF then converting to JPG in PS but the image quality appears to be worse than ever! Not sure if the settings I used for PDF where suitable for web use. Any ideas on how to maximise quality, maintaining crispness of fonts?
Thanks
Anton
Date: Mon, 7 Sep 2009 06:21:59 -0600
From: [email protected]
To: [email protected]
Subject: Trouble outputting for web use
Export a PDF of the page you want to rasterize and open the PDF in Photoshop using the appropriate settings there. Save as JPG.
Bob
>

Similar Messages

Output for Web (Vimeo)

I have a short 1 min. 15 sec. clip in HD I'm trying to output for web to share on Vimeo. Has anyone mess around with the compression setting for best output on the web? I've used the compression recommendations on Vimeo's web page, but FCE 4.0.1 is taking about 23 mins to Export. Is that normal for a 1 min and 15 second clip?

It's important to understand that hardware acceleration doesn't speed up encoding at all. Not with CUDA, not with OpenCL. Hardware acceleration speeds up the processing of certain effects, scaling, blending modes, and frame rate differences, but doesn't help at all with decoding and encoding of media. So whether or not your export will speed up depends on whether or not you've got any of those hardware accelerated situations going on. If you don't, then hardware acceleration won't make any difference in the export times.
Having said that, you don't necessarilly need CUDA to get hardware acceleration. Premiere Pro CC now offers OpenCL on Windows machines with AMD cards.

Changing file size for web use - multiple images

My most recent iPhoto event consists of 45 pictures, most of which are 1 MB or larger. I want to scale them down a bit for web use.
I do understand how the export command works. If I want to change all 45 pictures at once (select all), where should I export them to, and then what is the procedure to get them back into iPhoto? I would really like them to all show up as a new event in iPhoto (same pictures as the original event, only smaller file sizes).
Am I overlooking some easy way to do this?

No you’re not overlooking an easy way to do it.
Export them to a Folder on the desktop and then import them.
However, why are you keeping these web versions? The more efficient use of disk space would be to upload them then trash them. If you need other versions in the future you can re-do them. Not a lot to be gained by holding on to them, is there?
Regards
TD

What steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

What Steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

When you open a raw file it will open in Adobe camera raw. That is where you can do most of the editing. Then it will be placed inside Photoshop where you can do more if needed.
Now you can use the save for web dialog to export your image as a png or jpg to use on those sites.

Output for web. .flv

I'm having some issues with exporting for web use.
we use flash player to stream video on the web... .flv files.
what I do before giving my files to the web guys is...
edit
and export with "none" compression to preserve all color.
the web guys then take the file and compress it to .flv with Sorenson.
Many videos have been coming out choppy after the .flv compress. my compress is fine it seems. (ie they jump.. seem to be missing frames)
This does not happen every time.. in fact last week 2 vids with the same settings were finished. one was choppy one was not. everything was done the same.
any ideas?
Thanks
Kyle

Thanks for the input!
this is what I thought as well!<
We cannot tell to whom you are referring; try quoting the helpful text.
If your video is clean, it's their compression. Let them figure it out, that's their job.
If your video files jump they either jump in the exact same place every time or they jump in different places when played back. If different, your video is fine, it's the playback application or drive r PC that's at fault. If they jump at the same place every playback, you are giving them a bad copy.
Update us so we can help you out.
bogiesan

Pic sized for web use

Dose anyone know how to resize a pic for web use?

http://www.adobe.com/support/photoshopelements/ Tutorials & link to PDF user guide

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

Are all of the fonts that come with Dreamweaver CS6 licensed for web use?

I also have Creative Suite 5, which I believe comes with an Adobe set of fonts. Are these all licensed?
Licensed? Yes, but not necessarily for the web. Some licenses allow use in print or images but not the web.
Custom Web Fonts
For legal reasons, don't just assume you can use any font you wish on the web. Fonts are protected by intellectual property laws in much the same way that software is protected from unlawful copying, modifying or distributing. In other words, a font owner can say "Sure, you can use my font but you can't alter it, you can't reproduce it and you can't distribute it." On the web, that's a deal breaker because you need to be able to do all three.
These font-families are common to most Windows/Mac systems.
CSS Font Stack: Web Safe and Web Font Family with HTML and CSS code.
Adobe Edge and TypeKit Web Fonts are licensed for use on the web.
Free fonts, web fonts | Download free Adobe Edge Web Fonts trial
Typekit
Nancy O.

How can i compress a file to QT for web use?

how can i compress a file to QT for web use?

Shane, in the ProApps site, has a couple of applets (droplets?) that have the settings for doing just that.
www.proapptips.com
register (its free) and then head to the download section.
cheers,
x

Pantone color(s) information for web use

How to embed the Pantone color(s) information in a Logo PDF? I have tried to upload a logo pdf, however the Pantone colors information could not be recognized on the web platform. Is it possible to embed the color information for web use?

Here was the javascript error message:

How can scan coins for web use?

How can scan coins for web use?

Did you Google "Scanning Coins"?
http://www.telecoins.com/scanning.html
If you have a specific question after reading the (somewhat dated) article, please post back!

Resize a Document for web Use

I looked online on how to reduce file size od an .fla file for use on the web but not very clear. I have an .FLA file that is 800X600 px. when I publish it, I reduce file size, audio to mono etc, and I am getting 1.8mb file, way to large for web use. I tried an swf and flv file but same results. I need to reduce the entire document. I read to use the onion skin the highlight everything then resize but I have over 5,000 frames in my movie. Can someone explain in detail, how to highlight all of the frames in the movie, and then reduce the file to say 400 X 300 px? I am able to drag the onion skin but only to the edge of the viewable document then I must scroll over and repeat the process. there must be an easier way to highlight all frames in the movie then resize the whole thing. Any help would be appreciated.

I do not think you understand the question. Here is an answer I got off another forum but do not quite understand how to implement.
If you want to resize everything, a quicker way would be to select all frames (select the onion skin tool) and then resize everything to fit the new canvas size. That way, every frame of your animation will be reduced at once.
Kglad,
Does that make sense? How do you get the onion skin to select every frame in the animation?

Prep for Web use

Does anyone know where I can get info on web streaming, conversion for web use of FCP files or files submitted by clients. Conversion of PC files to mac and back for the above purposes.
Thanks

Welcome to the family.
The FCP manual and the compressor manual are chuck full of'that stuff although I assume you do not own FCP or you would not be asking this question. You would have opened the index first.
Start with google (or your favorite competitor) and look for encoding and transcoding.
There are probably 1,000 excellent sites on the Web devoted to various products and practices and advice for users.
Amazon will show you fifteen or twenty great books on the subject. You will need several because the science keeps changing and the craft is actually quite difficult.
bogiesan

Errors in Export to PDF for web use - some images are lost when PDF is enlarged & in browser

I have a multi-page PDF in InDesign CS6 that I want to export to view on the web. I need the file to stay under 2MB, and I need it to be crisp and nice enough to read the type on the page (as small as 9pt type).
The errors that are occurring are the following:
On some browsers, some images will entirely not show up. Some of the missing images have been pasted into the document, some placed. I cannot think of a correlation.
When the PDF is enlarged (Adobe Acrobat X 10.1.10) to more than ~200%, there is one placed image that will mostly disappear. What I mean by "mostly" is that little bits of it are still visible, like I masked it carelessly or something. Since this is only occurring with one image it seems that it would be a problem with the image itself, yes? I'm all ears if I'm making a mistake. It is a placed .ai file with no link errors. Should I not be placing directly from illustrator? It renders wonderfully from 100% all the way up to 188%, and then if you enlarge by margins of 1% little bits of it disappear, almost a chunk at a time.
The way I've been exporting is:
File > Export > Adobe PDF (Print)
Adobe PDF Preset: Smallest File Size
Standard: None
Compatinility: Acrobat 6 (PDF 1.5)
Options: Optimize for Fast Web View
Export Layers: Visible & Printable Layers
Compression
I always change the downsampling from [100/150] to [150/225]. I usually leave the JPG image quality low. I leave both bottom boxes checked (compress text and line art, crop image data to frames)
Output
Color Conversion: convert to destination
Destination: sRGB 1EC61966-2.1
Profile Inclusion Policy: Include Destination Profile
However, after reading a few other forum questions I started trying to export as Acrobat 4 so that it would flatten. When I do that, problem #2 still persists although I didn't test problem #1. I haven't tried using Distiller, and using the "prepare for web publishing" action within Acrobat itself makes the PDF too artifacted.
At the heart of my question is this: I am a young designer at an old company that is not necessarily keeping up with the times. I REALLY want to know what the best, most efficient way to export a pdf for web viewing is. Does this exist in InDesign, outside of InDesign? Does it exist at all? Tell me what I'm doing wrong so that I can get better!
Thank you in advance.

Show Large Images is a preference inside of Acrobat which might be disabled.
Acrobat - File > Preferences

What is correct anti-aliasing setting for text for web use?

The text in question will not be html, just text, mainly Times Roman and black. The graphics I produce should look clear online and I don't know which is best - sharp/crisp/strong - can I get some clarification on this?

I don't think any of the answers provided thus far are the ones you are looking for.
There are many places to change anti-alias options in Illustrator and they all pertain to different objects or different times at which the anti-aliasing happens, at least to my understanding anyway...
The anti-alias options you are referring to specifically define how the respective text is rendered within your document once it is rasterized. As you mentioned, the choices are None, Crisp, Sharp and Strong. Don't quote me on this specifically, but additional anti-alias options you set afterwards (i.e. when you're saving for web) will further modify the image as a whole (or within the scope of whatever you are editing) while the text is rendered first.
Now, to your question, which one is best?
I honestly don't know for sure, however, I don't think there is a 'best' option in a general sense. Usually Crisp works best for me, but it will depend on whether you are designing for the web or for print, then on other variables beyond that i.e. headlines versus paragraph text. I change mine for different things rarely-usually when I'm dealing with anything containing really small text or extreme variations of text sizes, or anything similar.
One way to help you know which one will look best for your output, try changing your preview mode to 'Pixel' and your zoom level to '100%', then switch between the choices and see how it affects the letters on-screen.
If that doesn't quite tickle your fancy, save an instance of each as its own image. Make sure to name them accordingly though-it's very easy to forget which is which if you don't. (i.e. "image-crisp.png", "image-sharp.png" and "image-strong.png")
Then, simply compare them within the Windows folder you saved them to-I usually use the default image preview and cycle back and forth with my arrow keys.
* Also, I recommend you use 'Save for Web' and the PNG-24 preset and keep the size close to, or the same as, your intended output.
I really hope that all makes sense.
Good luck!

InDesgin CS6: What is best practice for creating a jpg for web use?

My graphic design experience is heavy toward print, but I’ve been charged to solve this web-graphics problem for my team. I’ve done searches online and can’t find resources specific to this issue. Thank you in advance for any assistance you can provide.
Here’s the issue:
My team uses both InDesign and Photoshop CS6, to make landing pages and other stuff for our website. After saving to jpg files, the InDesign files always have jaggy text compared to Photoshop’s jpg. What are we doing wrong? Can’t InDesign be used for web? I’ve also tried saving it out as PNG with no better results.
Note: The background in the InDesign files are created in Photoshop (these look fine in both programs)—but the text created in InDesign looks jaggy while Photoshop’s text looks clean.
Here’s how we save it in Photoshop
File > Save for Web with these settings: JPG, High, Optimized, Quality 70, Blur 0, Matte None, Quality Bicubic.
Here’s how I solved the problem (which seems too labor intensive to actually be correct) Is there a better way?
I convert text to outlines.
I change the “intent” to web intent
Manually reset the page size. Whenever I change the intent in anyway, InDesign automatically changes the page size to 8.5”x11” or 800x600 pix regardless of the original page-size. I expect it to change proportionately from inches to pixels, or vise-versa, but it just won’t do it. Is there a preference for this somewhere?
Export as JPG with these setting: Quality Maximum, Format method progressive, Resolution 72 ppi, Color Space RGB, Options: Embed Color Profile: sRGB IEC6196-2.1, anti-alias.
Our web people tell us that if we use a higher resolution the image comes in proportionately too large, and they can’t use it at that size.
This seems like a lot of work. There must be a better way?

Ok. Thank you. Hmm....I don't have PDF/X-4. I have Adobe Preset PDF/X1a and PDF/X3.
I assume PDF/X-4 is a from a newer version of InDesign. Will PDF/X-3 work as well?
So there is not a way to achieve a crisp jpg or png directly from InDesign without all the steps I'm using now?
BTW, do you happen know why changing the "intent" changes the page size? or where I can change a preference on this. unless I've overlooked it, I don't see anything relating to this under edit > preferences.
Thanks again for your reply, I value your input!

Trouble outputting for web use

Similar Messages

Maybe you are looking for