Exporting PDF format for web viewing, fonts look bad

Hey everybody I'm relatively new to indesign so sorry if this is a simple one. I'm doing a newsletter in indesign, which will be used stricktly for web viewing. Whenever I export the file as a pdf the body text fonts look a bit off, as though they are slightly pixelated around the edges. This is not as noticable in the artcile titles with larger font, but any smaller font (i'm using size 14, and futura book) and it gets this pixelation, it is even more noticeable in the thinner type sets of the font. Another odd thing is the first page of the newsletter the fonts are more messed up looking than the following pages where the same font types and sizes are used, the only major difference is the first page has a photo on it, but the fonts that look weird are below the photo not overlaying it or anything like that. I turned off all the compression on the pdf export, also tried it will varying amounts of compression but still have the same issue. And I am viewing this in Mac's Preview program, not acrobat.

Ok, just checked through all the flattening preview highlights and everything looked fine in that. Since my exported document looked perfectly fine in acrobat, but sort of pixelated in mac's preview, is there any way around that?
If you are serving the PDF via a web address it will very likely be viewed in a browser (not downloaded and opened in an app like Preview or Reader). All of the browser displays have slightly different anti-aliasing, which you can see if you zoom in on a screen capture of the text. Here's a line of text from your PDF at 100%, magnified to 400% in Photoshop. From top to bottom Safari, Chrome, Firefox:
There's nothing you can do about the anti-aliasing quality of the different browsers and apps. The PDF you posted has live transparency, so it isn't a flattening issue.

Similar Messages

Output to other formats for web viewing

HI all,
I was wondering if anyone has found anything handy for shunting out projects for web approvals. I use h264 using the broadband setting high on my work and it looks super. for 16 9 i scale the dimensions to 480 x 270 manually.
The file size is small and good for quicktime 7 viewers.
However, has anyone any concrete experience using flip4mac or other not hideously expensive encoders. particularly dvcam widescreen friendly ones. some of my clients are resistant to using quicktime as their web viewer( although they are losing the fight over time to quicktime)
cheers and thanks,
Jon
G5DP2 Mac OS X (10.4.3)

I use Media Cleaner 6. You can convert DV files to various different formats...
AVI
WMV
MPEG-1
MPEG-2
MPEG-4
QT
RealMedia
AIFF
WAV
BMP, JPEG, PICT, PNG
MP3
(etc.)
...and there's a decent amount of control over the encode settings.
I think it's about $500 new, $250 used. I guess that could be hideously expensive if you're a freelancer or reasonably-priced if you're working for a post-house.
Hope that helps!
Joni

Exporting a slideshow for web viewing

Before recently switching to an Apple + Aperture, I was using Google's Picasa on a PC, which very easily allowed me to upload my pics which could then be viewed on the web as a slideshow. To date I have not found how to do this easily out of Aperture to my .mac account... and I'd be dumbfounded if such a basic feature is not available.
Can anyone reassure me that I don't have to go back to Picasa for this simple feature?
Thanks,

Actually you have more than the Quiktime option for exporting...
QuickTime is the technology that drives all multimedia on your Mac. Regardless of whateever format you choose to export from iPhoto it will always be a QuickTime file.
Distortion in this case means over-driven...i.e. clipping.
Try this basic fix: trash the com.apple.iPhoto.plist file from the HD/Users/ Your Name / library / preferences folder. (Remember you'll need to reset your User options afterwards. These include minor settings like the window colour and so on. Note: If you've moved your library you'll need to point iPhoto at it again.)
*What's the plist file?*
For new users: Every application on your Mac has an accompanying plist file. It records certain User choices. For instance, in your favourite Word Processor it remembers your choice of Default Font, on your Web Browser is remembers things like your choice of Home Page. It even recalls what windows you had open last if your app allows you to pick up from where you left off last. The iPhoto plist file remembers things like the location of the Library, your choice of background colour, whether you are running a Referenced or Managed Library, what preferences you have for autosplitting events and so on. Trashing the plist file forces the app to generate a new one on the next launch, and this restores things to the Factory Defaults. Hence, if you've changed any of these things you'll need to reset them. If you haven't, then no bother. Trashing the plist file is Mac troubleshooting 101.
Regards
TD

Best for Web viewing

Hello All,
I was wondering if anyone out there had any suggestions on which is the best way to export my video for web viewing.
Currently I have a project that was only 1.9MB big but when I exported it to a .mov file it came out to be over 350MB large!
My project is currently exporting at 720x480, 29397 [fps], Lower, Quality 50 - Audio at 32000 Hz, Mono, 16bit - DV/DVCPRO - NTSC.
I understand that the 720x480 will have to be reduced and was wonering if anyone out there had any suggestions how to "shrink" the video and make it the best quality for web viewing..
Thank you!

Currently I have a project that was only 1.9MB big but when I exported it to a .mov file it came out to be over 350MB large!
You are not comparing things correctly. The Project File is no indicator of what the export file is likely to be because it does not include the size of all the clips and media contained in your project. THe ppj is kind of an organisational list of all your edit decisions and the locations of the media theyrefer to etc...

SaveAs and maintain "optimized for web view" via javascript???

I am trying to do a SaveAs via javascript, but I need to maintain the linearized (optimized for web view) state of the PDF.
I would get this via the SaveAs menu item, but I need to do it silently and rename the file (replace _H.pdf with .pdf).
Is there anything that I can read that will help me do this? I have looked through the API reference, AcrobatUsers.com, web search, etc.
Or, if it cannot be done, stop me now.
Here is what I am doing currently wtih help from this forum.
XXX_DoSaveLoRes = app.trustedFunction(function()
app.beginPriv();
this.saveAs(this.path.replace(/\_H.pdf$/i,"") + ".pdf");
app.endPriv();
Thanks,

I don't think it can be done.

"Formatted for mobile viewing by Google"

When you use Google's mobile search engine with the built-in Nokia browser and choose one of the resulting links, does the site ever appear "formatted" by Google? This has happened now for several weeks and is driving me crazy! Why? Because their "formatted" page looks awful, and because I resent their paternal attempts to protect me from the web! I see "page 1" and "zoom" links at the top, and the text "Formatted for mobile viewing by Google" and a "View page directly" link at the bottom. So to to view the site as I expect, I must now load every page twice!
My phone is an E73 and I'm in the USA, but I expect this new "feature" affects a wide range of Nokia phones. Except that I appear to be the first person here complaining. Perhaps this "feature" isn't yet available worldwide?
Sooo, does this problem affect anybody else?? Thanks!
Solved!
Go to Solution.

A happy update. I tried contacting several tech news web sites, to see if their journalists would take up my cause and use their contacts at Google to learn what is going on. (Mere users certainly can't reach Google anymore!) I met a nice fellow from CNet, but even he didn't seem to take my situation very seriously.
So I changed tactics and started taunting Google. At the bottom of every reformatted page is a "Report a problem" link, which leads to a list of common problems and solutions. The last problem is "Other", which leads to a web form. 2 or 3 times a day, I was submitting things like
"I am a user and would like to PERMANENTLY disable reformatted web pages for my Nokia E73 phone, without using logins or cookies. This is a 2-year-old phone and I have gotten by very well so far without your meddling."
"I am a user and take great exception to your attempt to reformat web sites. I get the impression your programmers have run out of things to do and are now making changes for the sake of change, and not based on user feedback. I do not need protection from the big, bad www! Nokia E73 user."
and lastly
"The new, improved Google mobile search proved as welcome as Lupus. A Nokia E73 user."
(If anybody relied on DejaNews in the late 1990's, their usenet search database was a godsend at first, but the web interface was gradually retooled to the point of being unusable. And then an upstart company named Google rescued us by buying the database and again giving it a usable front end. IMHO, Google's search interfaces are now reaching DejaNews complexity and are in need of being rescued themselves. An article on suck.com about the fall of DejaNews inspired the above comment.)
Fast forward about a week and now no search results are reformatted. Even the Preferences link on the main search page doesn't include the option "Format web pages for your phone". Yes, it's possible Google still wasn't listening, and this was just the result of them further refining their filters. Or maybe they turned the whole thing off for now? But for anybody with this problem also needing a resolution, I still highly recommend clicking "Report a problem" and "Other" and telling them what you really think!

Artwork shifting when exporting or saving for web?

Have been creating some simple icons in Illustrator (CS 5.5), but the artwork is shifting when I try to export. For example, I'll create a 30x30px artboard, draw the icon inside the artboard, end export as a PNG. When I do this, even though the artwork is completely within the bounds of the artboard (no drop shadows or anything like that that would extend outside the artboard), there is some slight clippling that occurs in the exported icon. It's like Illustrator is shifting the artwork to the right and/or down 1 pixel as it exports. Any ideas what might be happening here?
In the meantime, as a work-around I've just been copying the artwork from Illustrator, pasting it into a 30x30px canvas in Photoshop, pasting the artwork, adn then doing Save for Web. This works fine, but is an extra step that I'd rather not have to do.

Jacob,
I tried enabling "Use Preview Bounds" as you suggested, but it still showed everything within the artboard. This was as expected since I set the button stroke for inside alignment rather than centered alignment when I created it.
I've attached an image showing the icon in 3 states. The left most image is the icon as it appears in Illustrator shown within the artboard. Actually the artboard was created by clicking on the icon. When "Use Preview Bounds" was enabled, it lined up perfectly with the artboard lines. The middle image shows the icon in the Save for Web dialog preview. You can see that it already looks shifted. The last image on the right shows the exported icon where the right and bottom edges looked cropped.
As I mentioned, if I create a 30x30px canvas in PS, copy the artwork into it, and export using Save for Web for PS, it looks fine.
Thanks for your help, BTW.

4 questions on export/importing graphics for Web and Photoshop.

Hi, I have 4 questions here, and if you can answer one or more, I'd be happy!! :-)
1. In general, can there be a loss of quality when I export a file from Illustrator CS3 to Photoshop CS3, and then re-import it into Illustrator?
My guess is that you can switch applications with one single file, but you have to know what you're doing (any advise? I'm working with files that contain both text with either illustrated graphics or photos).
2. When I switch applications like that, which one is the final application I should save my final work from (for use in print and web)? Does this matter at all? (Example: I have text created in Illustrator. I export it into Photoshop and add a filter, and maybe a blured-layer of the the whole graphic.)
3. After completing the steps in the example above, and I do re-import it all back into Illustrator, the image appears with horizontal path-like blue lines, that let me slice the photo/text if I wanted to. Why does it do this and how do I get rid of those blue lines?
4. When exporting a file for web, what options are you setting for .gif and .jpg in order to NOT see its white background/frame around graphic?

1. Yes. The artwork will be rasterized to a fixed resolution in Photoshop. When re-imported it may appear the same, but it will have limited resolution on output, whereas Illustrator vector art has no (or infinite) resolution.
2. Depends on the artwork and what the client or printer has requested. If you can keep the text editable in Illustrator (blur and some Photoshop filters are available) then you'll have a more versatile and resolution independent file than you would if you switched to Photoshop. In the end, if the resolution of you art is adequate, it's up to you which is better for you to work with, based on your skills and experience. Keep all working files so you can make changes to artwork imported from one program into another.
Some features you might enjoy: You can place Illustrator files into Photoshop and make them Smart Objects. They remember they are Illustrator files and can be edited in Illustrator at any time. Rotate, scale, or distort the artwork in Photoshop and it is re-rendered a the PSD file's native resolution. In CS3 you can add filters to Smart Objects while keeping the vector data intact.
3. I have read about this, but as I'm not fully up on CS3 and don't have it installed on my main system I can't help.
4. To not see a white background for JPEG use a different matte colour. JPEGs cannot be transparent, so some colour must show where you want transparency. for GIF, the same applies, but you can turn on transparency. The artwork will be transparent, but the matte colour will determine how the anti-aliased edges are rendered. Use a matte colour that's as close to your expected background as possible or choose None. PNG 24 supports 8-bit transparency, which looks best of all, but is not supported by MS Internet Explorer versions 6 or lower.

I have tried a lot to find an app or some way in email to attach multiple of pdf files in one email. I could not find anything that sends multiple pdf file in one email and still keeping the file in simple pdf format for the recipient.

I have tried a lot to find an app or some way in email to attach multiple of pdf files in one email. I could not find anything that sends multiple pdf file in one email and still keeping the file in simple pdf format for the recipient.

I am not aware of a way except for photos that allows you to select multiple files in an email. I even checked settings in the Adobe Reader app, and it does not show that ability.

Publish for web viewing?

I haven't found enough information about web viewing of
Captivate 3 screencasts.
I don't have a flash server, but I have a CMS capable of
serving individual swf or flv files. But in my output I have three
different swf files (not to mention an html).
For the sake of web viewing/streaming, what are my options?
1)is there a way in Captivate to convert it to a single file?
2)Are there any utilities for coverting to avi/mpeg? So far,
the only thing I've found is
http://www.adshareit.com/howto-swf-to-video.html,
but I don't know what settings to use. I tried its default
settings, and the result was three mpegs, all of them were huge and
none were usable.
3)are there special settings you should set up in Captivate
for web viewing?
4)my cms (which is specialized) has some ability to play
flash media files within a viewer, but am unsure exactly. How would
an embedded flash player on a website be able to view a captivate
video?
From a standpoint of latency and performance, is the best
option to just upload the three files to a web directory and give
the user the URL for the html file?

Hello again Robert
Without seeing your actual output files it's a bit difficult
to say exactly what each file is for. But I can toss out some
generic information.
Often when you record a project in Captivate and publish the
output you will end up with four basic files.
ProjectName.SWF (Contains the bulk of your presentation)
ProjectName_skin.SWF (Contains the Playback Controls and adds
one or more Borders surrounding the main part of your presentation)
standard.js (An externally referenced JavaScript file. This
was was used to prevent seeing the "Click to activate" message that
Microsoft Internet Explorer used to issue when it played Flash
content. But IE has been updated so this message no longer appears.
Even so, the standard.js file is still necessary in order to
properly display your content.)
ProjectName.htm (An HTML file that is used to present the
Flash presentation)
Depending on what and how you recorded, there may be other
files involved too. You could see one or more Full Motion files
among the mix.
Additionally, if you used some of the supplied animations
that ship with Captivate, you could see those as well.
Hopefully this was helpful... Rick

Paid for export PDF, worked for a while, but now tells me i only have free service so won't convert document

Paid for export PDF, worked for a while, but now tells me i only have free service so won't convert document

Hi dmkelec,
I did not find your account under the given email id.
Can you provide me the email id associated with your subscription that would be helpful.
Regards,
Florence

Fonts look bad in OSX jagged text

Hello
I thought apple gave us font smoothing in OSX! My fonts look terrible in QuarkXpress6.0. Is this what I have to look forward to? I miss my ATM.
I did the "font smoothing thing" in appearence-no change.
Also will all my older fonts from when I used OS 7 +8, will these still work in OSX? and by Quark XPress?
Please enlighten me!
all fonts look bad; Goudy old style, bellvue etc. (postscript type 1)
imac G5 Mac OS X (10.4.4) 21" screen

if I zoom out in Quark to view document at say 125% the 45 pt type really looks bad
Hmm. I'm unable to duplicate your problem. I've pasted some random text into Quark, sized it to 45 pt and set the zoom to 125%. No matter if I go up or down, the fonts look very smooth with both Goudy Old Style and News Gothic (I have the Adobe version, not MT, which is from MonoType). Well, if I look real close, I can see a little bit of jaggies around curves. But nothing very noticable.
Is your 21" monitor a CRT or LCD? LCD always produce the best image when used at their native resolution. A CRT's best display varies depending on whether it has a shadow mask or aperture grill tube. If your monitor has an independent control for sharpening, it may be too high.
I have some fonts installed that I don't know where they came from ex: News Gothic MT (Microsoft I think) Will these view and print okay in any program?
As long as it's a standard Mac suitcase style TrueType font, or a complete and proper Type 1 PostScript font, it should just as well as any other.
I keep all my fonts in classic folder and manage w/font book (thats another story) It seems that my classic apps, Illustrator, see most of the fonts all the time eventhough I turned many off in fontbook. Also illustrator doesn't see ALL the fonts.
That's a handful. When it comes to Classic, the rules are a little different. Fonts you manually place into the OS 9 Fonts folder, or are put there by the OS when activating them from Font Book with OS 9 as the choice to be activated for, fonts are then available to both Classic and OS X.
If you deactivate them in Font Book, the fonts will become unavailable to OS X apps. However, any Classic apps will continue to see them until you shut down all OS 9 applications and Classic. In other words, once you open fonts for Classic, they can't be closed to Classic without shutting the entire environment down. Confused yet?
As far as Illustrator not seeing all the fonts, that relates to this part of your question:
Please explain the limitations of classic apps and fonts.
Classic can use any fonts that were in existence for the Mac before OS X. All of your older Mac TrueType and Type 1 PostScript fonts will work in OS X and Classic. Fonts that will work as is in OS X that you couldn't use before on a Mac are PC TrueType fonts. If you have copied any of the OS X .dfonts into the OS 9 Fonts folder, those will not work. A .dfont is a variation of a TrueType font, with the data in the data fork rather than the resource fork as they are with the older Mac TrueType fonts. Neither OS 9 or any Classic apps can read these fonts. Those are likely the ones not showing up in Illustrator.
It sounds like you do a lot of work with fonts. While Apple has improved Font Book quite a bit in Tiger, it's still very much a consumer font manager for those who handle fonts only occasionally. You'd be much better off using a font manager such as Suitcase X1 or Font Agent Pro.

Creating a pdf for web viewing and printing

I need to create files in pdf format from indesign cs6. They are educational units will go up on a website to be downloaded for good quality printing. Which options do I have? I am not too familiar with this process. Thank you for your expert suggestions

Use the PDF/X-4 preset

Preparing PDFs for web viewing

Can I control how PDFs open for people using my web site? I'd like them to fit on window with page thumbnails.
If I can't control this, can I advise my users how to get that to happen in their own browser?

I am not sure what you are asking. With browsers, PDFs typically open either in Acrobat or Reader or in a plugin for the browser. I am not sure about the thumbnail comments. Do you want to open the PDF or have a thumbnail of it? In either case, this has historically been an issue that varies with browser. I am not sure if the HTML community ever came to a standard to allow this within the browser so that you get consistent results. What I am suggesting is that you may be asking a HTML question and this is probably the best place. Also, you will likely find your answer to be browser dependent that is not a good solution for general posting.

Exporting photo slideshow for web

Hi I had a search but couldn't find the answer to my question.
I'm trying to use FCE4 to create slide shows of photos. I don't use video at all. I import the photos in TIFF format and after arranging them into a sequence and adding audio, effects, I then attempt to export them to the web.
Problem is the Quick time movie project that is exported isn't appropriate. It's either too large for the web (+60MB) or it is very low quality and not the same quality as I viewed in FCE.
I would like the size of the video be 1024x768, and I'm using Export using Quick Time conversion, and have experimented with the various setting for Quick Time Move including dial up internet, broadband high, or more detailed settings using TIFF compression. The manual isn't helping much...would appreciate your help!

It depends a lot on what level of broadband you expect the user to have, and whether the video has to play immediately. There are some natural sizes to use for the video, such as 1280x720, 960x540 or 640x360, and the frame rate ought to be 24, 25, or 30, depending on the source material.
Making it for medium to good broadband, and with wanting the video to play right away, you could do say 1280x720, 1 megabit per second, H264. It would look reasonably good. If you don't mind people having to download for a little while before the video can play, then take the data rate up to 3 mbps.
So, one way to look at that would be to use the AppleTV preset from QuickTime Player, then open that mp4 file and save as to mov (just to make your html task easier). It would look very good, but might take a bit of downloading time before it's ready to start playing.

Exporting PDF format for web viewing, fonts look bad

Similar Messages

Maybe you are looking for