1. How to Upload Image Media Files<\/h2>\nThere are two ways to upload images files: 1) from the left-side dashboard menu, you can access your media library and add or delete files or 2) as you're writing, you can insert media in a chapter, front matter, back matter or part.\n\nTo upload media files using the media library:\n

\n \t
• Go to your dashboard.<\/li>\n \t
• Click on Media.<\/li>\n \t
• Your library will appear.<\/li>\n<\/ul>\n[caption id=\"attachment_619\" align=\"aligncenter\" width=\"830\"]<\/a> Media Library in Pressbooks[\/caption]\n
  \n \t
  • Click Add New either in the left menu or at the top of the main panel.<\/li>\n \t
  • A screen will appear where you can upload your images.<\/li>\n<\/ul>\n[caption id=\"attachment_627\" align=\"aligncenter\" width=\"830\"]<\/a> Upload media screen[\/caption]\n
    \n \t
    • You can drag files from your computer onto this screen.<\/li>\n \t
    • Or, click on Select Files to browse for the correct media files on your computer. Click on the file names and the files will upload.<\/li>\n \t
    • To edit files you have uploaded, click on Media Library.<\/li>\n \t
    • Hover over a file to see the options, then click Edit.<\/li>\n<\/ul>\n

      2. Uploading Image Files from Within a Post<\/h2>\n

      \n \t
      • Go to the post in which you would like to add an image.<\/li>\n \t
      • Put your cursor where you would like the image to appear.<\/li>\n \t
      • Click on Add Media.<\/li>\n<\/ul>\n[caption id=\"attachment_621\" align=\"aligncenter\" width=\"830\"]<\/a> Add Media button in Chapter Edit Mode[\/caption]\n
        \n \t
        • The Insert Media screen will appear.<\/li>\n<\/ul>\n[caption id=\"attachment_629\" align=\"aligncenter\" width=\"830\"]<\/a> File upload interface[\/caption]\n
          \n \t
          • An interface will appear with the option to drag and drop or select files.<\/li>\n \t
          • You can also find and select a file that you have already uploaded previously by clicking on Media Library.<\/li>\n<\/ul>\n

            3.\u00a0Upload Image from URL<\/h2>\nWhen you are uploading media from within a post, you can also click on Insert from URL to pull in a link to a photo on the Internet. This image will not be added to your media library.\n\n[caption id=\"attachment_623\" align=\"aligncenter\" width=\"830\"]<\/a> Insert from URL option[\/caption]\n

            4. Controlling the Appearance and Placement of an Image<\/h2>\nOnce you've uploaded your image and inserted it where you want it, for best results, you'll want to give it some styling.\n

            \n \t
            • Once your image uploads, click on it.<\/li>\n \t
            • The Attachment Details menu will appear to the right.<\/li>\n<\/ul>\n[caption id=\"attachment_624\" align=\"aligncenter\" width=\"312\"]<\/a> Customize the image details[\/caption]\n
              \n \t
              • Critical:\u00a0<\/strong>Give your photo a caption. Photos without captions will not render properly in all e-readers.<\/li>\n \t
              • It's best practice to write Alt Text, which will be read to visually impaired readers by a screen reader or accessibility device.<\/li>\n \t
              • Add a Title and Description for your image here.<\/li>\n \t
              • Scroll down.<\/li>\n<\/ul>\n[caption id=\"attachment_625\" align=\"aligncenter\" width=\"312\"]<\/a> Customize how an image displays[\/caption]\n
                \n \t
                • Select the preferred alignment for your image.<\/li>\n \t
                • Have your image link to itself, or somewhere offsite.<\/li>\n \t
                • Choose the size at which your image will display. (You'll want to know your publisher or bookstore's specs.)<\/li>\n<\/ul>\nYou can edit your images in Pressbooks. More on that in the next chapter, Image Editing<\/a>.\n

                  Image Sizing and File Preparation<\/h3>\nWe get a lot of questions about how to prepare images for upload into Pressbooks. Those questions are answered in this blog post<\/a>.\n\nPrefer to watch and learn? Here's a brief visual intro to adding images in Pressbooks.\n\nhttp:\/\/youtu.be\/_H1S9i_4qSg\n

                  5. Create a Gallery<\/h2>\nWhen uploading media from within a post, you also have the option to create a gallery. This allows for several images to be inserted into a post simultaneously, and to be formatted together.\n

                  \n \t
                  • Click \"Add Media\", then \"Create Gallery\"<\/li>\n \t
                  • Select images for gallery from media library, or upload new files as detailed in section 2 above<\/li>\n \t
                  • Click \"Create New Gallery\"<\/li>\n<\/ul>\n[caption id=\"attachment_1269\" align=\"aligncenter\" width=\"1024\"]<\/a> Create a gallery[\/caption]\n
                    \n \t
                    • Reorder and delete media files as needed<\/li>\n \t
                    • Customize gallery settings on right hand menu (Link to, columns, order, image size)<\/li>\n \t
                    • Insert gallery into post<\/li>\n<\/ul>\n[caption id=\"attachment_1270\" align=\"aligncenter\" width=\"1024\"]<\/a> Customize and insert gallery[\/caption]\n

                      6. Best Practices for Working with Images in Pressbooks<\/h2>\nFor best results, you'll want to utilize best practices when working with images for your ebook and print book outputs. Refer to this article on using images in Pressbooks<\/a> for important tips and tricks.\n

                      <\/a>7. Link to an Image Using a Text Hyperlink<\/h2>\nTo have an image open from a text hyperlink in a light box, follow these steps:\n

                      \n \t
                      1. Add the image to your media library by going to Media > Add New<\/strong><\/li>\n \t
                      2. Select your file by clicking Select File<\/strong><\/li>\n<\/ol>\n<\/a>\n\nThe file should then appear in your media library.\n
                         \n \t
                         1. Click the desired image in your library to access the Attachment Details<\/strong> screen<\/li>\n \t
                         2. Copy the image URL<\/strong><\/li>\n<\/ol>\n<\/a>\n
                            \n \t
                            1. Open the chapter you want the image linked in<\/li>\n \t
                            2. Highlight the text you want the image to link from<\/li>\n \t
                            3. Click Insert\/edit link<\/strong> from the Visual Editor toolbar<\/li>\n \t
                            4. Paste the URL from the Attachment Details page<\/li>\n<\/ol>\n<\/a>\n
                               \n \t
                               1. Click the blue arrow to insert the image<\/li>\n \t
                               2. Click Save<\/strong><\/li>\n<\/ol>\n
                                  NOTE: If an image is already in your media library, you can access the image and its URL by clicking Add Media at the top of a chapter.<\/div>\n \n

                                  <\/a>8. Make a Thumbnail Open as a Larger Image in a Webbook<\/h2>\nTo have a thumbnail image open into a larger image in a lightbox, follow these steps:\n

                                  \n \t
                                  1. Open your chapter<\/li>\n \t
                                  2. Click Add Media<\/strong> to choose from existing images in your media library or upload a new image file<\/li>\n \t
                                  3. Choose Thumbnail<\/strong> from the drop down menu under Attachment Display Settings > Size<\/strong> in the Add Media<\/strong> window<\/li>\n \t
                                  4. Click Insert into chapter<\/strong><\/li>\n<\/ol>\n<\/a>\n\nYour image will appear in your Visual Editor.\n
                                     \n \t
                                     1. Click the image, then click the Edit<\/strong> icon<\/li>\n<\/ol>\n<\/a>\n\nThis will open up the Image Details<\/strong> window.\n\n<\/a>\n
                                        \n \t
                                        1. Click the drop down menu next to Link To<\/strong> and choose Media File<\/strong><\/li>\n \t
                                        2. Click Update<\/strong><\/li>\n \t
                                        3. Click Save<\/strong> on your chapter<\/li>\n<\/ol>\nYour image will appear as a thumbnail in your webbook, but open as a larger image once clicked.\n\nGo here to read about enabling Lightbox<\/a> for images in your webbook.","rendered":"

                                           Pressbooks allows you to add interactive elements to your book, which are referred to collectively \u00a0as “media.” Pressbooks enables you to include three types of media in your book: images, audio and video. All media file uploads must be under 10 MB, but\u00a0we recommend keeping them under 2 MB.<\/p>\n

                                           This chapter focuses on images. You will learn:<\/p>\n

                                           \n
                                           1. How to upload image files into the Media Library<\/li>\n
                                           2. How to insert an image file into your post<\/li>\n
                                           3. How to add images from URL<\/li>\n
                                           4. How to control the placement and appearance of your image file<\/li>\n
                                           5. How to create a gallery<\/li>\n
                                           6. Best practices for handling images in Pressbooks<\/li>\n
                                           7. How to link to an image from a text hyperlink<\/li>\n
                                           8. How to link to a larger image from a thumbnail image in a webbook<\/li>\n<\/ol>\n

                                              1. How to Upload Image Media Files<\/h2>\n

                                              There are two ways to upload images files: 1) from the left-side dashboard menu, you can access your media library and add or delete files or 2) as you’re writing, you can insert media in a chapter, front matter, back matter or part.<\/p>\n

                                              To upload media files using the media library:<\/p>\n

                                              \n
                                              • Go to your dashboard.<\/li>\n
                                              • Click on Media.<\/li>\n
                                              • Your library will appear.<\/li>\n<\/ul>\n
                                                <\/a><\/p>\n

                                                Media Library in Pressbooks<\/p>\n<\/div>\n

                                                \n
                                                • Click Add New either in the left menu or at the top of the main panel.<\/li>\n
                                                • A screen will appear where you can upload your images.<\/li>\n<\/ul>\n
                                                  <\/a><\/p>\n

                                                  Upload media screen<\/p>\n<\/div>\n

                                                  \n
                                                  • You can drag files from your computer onto this screen.<\/li>\n
                                                  • Or, click on Select Files to browse for the correct media files on your computer. Click on the file names and the files will upload.<\/li>\n
                                                  • To edit files you have uploaded, click on Media Library.<\/li>\n
                                                  • Hover over a file to see the options, then click Edit.<\/li>\n<\/ul>\n

                                                    2. Uploading Image Files from Within a Post<\/h2>\n

                                                    \n
                                                    • Go to the post in which you would like to add an image.<\/li>\n
                                                    • Put your cursor where you would like the image to appear.<\/li>\n
                                                    • Click on Add Media.<\/li>\n<\/ul>\n
                                                      <\/a><\/p>\n

                                                      Add Media button in Chapter Edit Mode<\/p>\n<\/div>\n

                                                      \n
                                                      • The Insert Media screen will appear.<\/li>\n<\/ul>\n
                                                        <\/a><\/p>\n

                                                        File upload interface<\/p>\n<\/div>\n

                                                        \n
                                                        • An interface will appear with the option to drag and drop or select files.<\/li>\n
                                                        • You can also find and select a file that you have already uploaded previously by clicking on Media Library.<\/li>\n<\/ul>\n

                                                          3.\u00a0Upload Image from URL<\/h2>\n

                                                          When you are uploading media from within a post, you can also click on Insert from URL to pull in a link to a photo on the Internet. This image will not be added to your media library.<\/p>\n

                                                          <\/a><\/p>\n

                                                          Insert from URL option<\/p>\n<\/div>\n

                                                          4. Controlling the Appearance and Placement of an Image<\/h2>\n

                                                          Once you’ve uploaded your image and inserted it where you want it, for best results, you’ll want to give it some styling.<\/p>\n

                                                          \n
                                                          • Once your image uploads, click on it.<\/li>\n
                                                          • The Attachment Details menu will appear to the right.<\/li>\n<\/ul>\n
                                                            <\/a><\/p>\n

                                                            Customize the image details<\/p>\n<\/div>\n

                                                            \n
                                                            • Critical:\u00a0<\/strong>Give your photo a caption. Photos without captions will not render properly in all e-readers.<\/li>\n
                                                            • It’s best practice to write Alt Text, which will be read to visually impaired readers by a screen reader or accessibility device.<\/li>\n
                                                            • Add a Title and Description for your image here.<\/li>\n
                                                            • Scroll down.<\/li>\n<\/ul>\n
                                                              <\/a><\/p>\n

                                                              Customize how an image displays<\/p>\n<\/div>\n

                                                              \n
                                                              • Select the preferred alignment for your image.<\/li>\n
                                                              • Have your image link to itself, or somewhere offsite.<\/li>\n
                                                              • Choose the size at which your image will display. (You’ll want to know your publisher or bookstore’s specs.)<\/li>\n<\/ul>\n

                                                                You can edit your images in Pressbooks. More on that in the next chapter, Image Editing<\/a>.<\/p>\n

                                                                Image Sizing and File Preparation<\/h3>\n

                                                                We get a lot of questions about how to prepare images for upload into Pressbooks. Those questions are answered in this blog post<\/a>.<\/p>\n

                                                                Prefer to watch and learn? Here’s a brief visual intro to adding images in Pressbooks.<\/p>\n