Ready to watch this entire course?
Become a member and get unlimited access to the entire skills library of over 4,900 courses, including more Design and personalized recommendations.Start Your Free Trial Now
- View Offline
- Dragging and dropping anchored objects
- PDF enhancements
- Linked text
- Mapping styles to export tags
- Using the new Articles panel
- Adding alternate text
- Exporting to EPUB, PDF, and XHTML
Skill Level Intermediate
When exporting the format such as XHTML, ePUB and tagged PDF files, you lose some control over your images. Because in these flowable formats, they're often read on devices that present data quite differently than on a standard printed page. Fortunately, InDesign provides a new tool for us called Object Export Options. It puts the control of objects exported to flowable formats back in our hands. I'm beginning this video with the brochure_object file open on my computer. And I'm going to begin by exporting this file to an XHTML file. So, I'm going to go to the File menu and choose Export. And I'll make sure the format is set to HTML.
And I'll just save it into my Project Files folder. Click the Save button. And I'm going to leave the save settings pretty much at their defaults, but I want to make sure I click on images. And there are some options that we do have in the image category when we're exporting to XHTML. But right now, I'm going to leave them set to their defaults. And I'm going to go ahead and click OK. And this is going to open up in my default web browser.
And as I scroll through here, you're going to notice that all those independent files have been exported to a webpage. So, I'll go back up to the top. I'm going to go ahead and quit out of Safari or whatever web browser you're using, and I would like this image to go out as one main object. So, what I'm going to do is make sure I'm on page 1 by double-clicking it on the Pages panel.
And then, I'm going to press Cmd+A on Mac, or Ctrl+A on Windows, and I'm going to go to the Object menu, and I'll select Group. And this is going to group all of these items together. Now, the reason I did that is because now I can treat this grouped object as one unit. And to control properties, I'm going to go to the Object menu and choose Object Export Options. And in this dialog box, there's a variety of different buttons that we have to choose from.
And in the Tagged PDF button, this where we can actually apply a tag to this object. And the tag can be obtained from the structure of this document if you have tagged this file using XML. I could tag it as an artifact, which means it will be ignored in the PDF file. Or I can set it based on the object that is selected. So, I'll leave it set to the object even though we're not really going to tag PDF for now, and then I'll click on the ePUB and HTML button. And this is where I can apply a Custom Rasterization to this object, that is independent of the other images in this document.
So, I'm going to turn on Custom Rasterization. I'm going to set the size relative to the Page Width. I could set it to the fixed size, but I'm going to set mine to relative to the Page Width. In addition, I'll change my resolution to 720 pixels per inch, I don't need it to be 300. And I can set the format, so I can choose JPEG, GIF, or PNG. For this example, I want to choose either JPEG or PNG. I'll pry go with PNG in this example.
And then, I can also change the custom image alignment and space it. S,o I'm going to click on this. I'll set the Alignment to Centered. and if I wanted to, I could add a little bit of space before and after this object as well. So, maybe we'll put a little bit of space after this and going to apply two m's worth of space. And if I wanted, to I could also insert a Page Break, and that would apply to an ePUB file. I'm just going to move this dialog box up here a little bit. Because what I want to point out with this Object Export Options dialog box is that it's not modal.
Which means, I can continue scrolling through here and selecting different objects even though this dialog box is still open. And I should point out that these object export options will apply to not only images, but the text frames as well. So sometimes, in the case of this up here, instead of exporting this as raw text, I'm going to actual rasterize this object. So, I'll go ahead and click on Custom Rasterization.
I'll set the size relative to the Page Width as well. This will probably benefit better by making it a GIF file. And once again, I'll drop my resolution to 72 pixels per inch. Leave my Alignment to Centered, as well. Maybe we'll apply, maybe we'll apply 1m of spacing after this. So, I'm going to go ahead and click Done, and then I'm going to re-export this file. So, if I go to the File menu and choose Export, I'm going to choose HTML one more time.
And I'll just leave the name at the same that I did before, and I'll click Save and just replace the old one. Now, one thing I want to point out here is that in Images category, notice down here there's an option to Ignore Object Export Settings. If you turn this on, all the work that I did in that Object Export dialog box is going to be null and void. So, I want to make sure that I don't turn that on. These settings will now apply to all the other images in this document.
So, I'm going to go ahead and set these rest of these to Align Left. Drop the resolution to 72, and I will try to preserve the appearance from layout. But that does not always work as well as I'd like it to, but we can start with that option. I'll go ahead and set the option for the images. We'll keep it at JPEG, and the format method I'm going to leave it set to Baseline. So, we'll go ahead and click the OK button. And once again, this is going to export this to my XHTML file.
And it's going to open it in Safari. And we can see now that that image, or I should say that group of objects, has been rasterized as one unit. And if we go down a little bit farther, we'll notice that this object, I can click on it and drag it so you can see that it's now an image. And if I change the dimensions, notice that when I change the size of my web browser, that my image is scaling relative to the width of the browser window.
And that's what makes these Object Export Options so powerful. Notice that both of my images are aligned left, just as I had indicated. And some of these other elements, like these snowflakes that are falling into place, we could take care of those in the Articles panel and simply tell them not to export at all. So, as you can see, Object Export Options saves a lot of time and extra work compared to traditional methods of controlling how objects are exported to flowable formats, such as XHTML, tagged PDF, and ePUB.