Uploading Images<\/h2>\nIn order to add images, click on the Add Media\u00a0<\/strong>button\u00a0in your chapter editor:\n\n[caption id=\"attachment_1273\" align=\"aligncenter\" width=\"1024\"]<\/a> Find and click \"Add Media\" button[\/caption]\n\nNext, upload your image either by dragging and dropping the image file from your computer to the upload box, or by clicking \"Select File\" to find the file in your computer. You can also choose from existing files in your Media Library.\n\n[caption id=\"attachment_1274\" align=\"aligncenter\" width=\"1024\"]<\/a> Select files to add to post[\/caption]\n

Settings, when Uploading an Image<\/h2>\nFinally, you'll want to select the size of the file, the URL of the file, caption and a few other things. We recommend centering your image, and adding a caption. Once you have added your settings as desired, click \"Insert into Post\".\n\n[caption id=\"attachment_1277\" align=\"aligncenter\" width=\"1024\"]<\/a> Edit settings on new image and add to post[\/caption]\n

Changing Your Image Settings<\/h2>\nFinally, if you would like to change the settings on an image after it has been added to a post, go to the chapter editor and click on the image. You'll see a few small icons appear:\n

\n \t
• Click on the 'X' to delete the imag.e<\/li>\n \t
• Click on the pencil to open the editing screen (see below).<\/li>\n \t
• Click on any of the other icons to change the image alignment.<\/li>\n<\/ul>\nYou can also edit the image caption at any time without opening the clicking on the existing caption and typing as normal.\n\n[caption id=\"attachment_1278\" align=\"aligncenter\" width=\"1024\"]<\/a> Edit image within post[\/caption]\n

  Editing Screen<\/h3>\nBy clicking on the pencil, you open the image editing screen. Here, you can edit\u00a0the following:\n

  \n \t
  • Caption (note<\/strong>:\u00a0this is important to include for ebooks especially as images without captions may not render properly in some e-readers)<\/li>\n \t
  • Alternate text (this is important for both SEO and accessibility for visually impaired people using screen readers)<\/li>\n \t
  • Image alignment<\/li>\n \t
  • Image size<\/li>\n \t
  • Linking preferences (you can link to the image file, an attachment page, a custom URL or have no link)<\/li>\n \t
  • Access the \"Advanced Options\" and image editor (more on this below)<\/li>\n<\/ul>\n[caption id=\"attachment_1279\" align=\"aligncenter\" width=\"1024\"]<\/a> Edit image settings[\/caption]\n\nFrom the image editing panel, you can also go to the advanced image settings panel. Here, you can set an attribute for the image title, as well as a CSS class for both the image and its link. This allows you to classify each element so that\u00a0you can then style them differently from other images in your book by using the custom CSS editor. Read more in our chapter on custom CSS<\/a>.\n\n[caption id=\"attachment_1280\" align=\"aligncenter\" width=\"1024\"]<\/a> Advanced image options[\/caption]\n

    Editing Your Image<\/h3>\nIn addition to changing your image settings, the editing screen\u00a0also allows you some basic editing options for the image itself. By clicking on \"Edit Original\" you will see a new window with several options to crop, rotate and scale your image. Read more in our chapter on image editing<\/a> or check out our video tutorial for more details.\n\nhttps:\/\/www.youtube.com\/watch?v=_H1S9i_4qSg","rendered":"

    Pressbooks handles images well, for web, EPUB and PDF outputs.<\/p>\n

    Uploading Images<\/h2>\n

    In order to add images, click on the Add Media\u00a0<\/strong>button\u00a0in your chapter editor:<\/p>\n

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

    Find and click “Add Media” button<\/p>\n<\/div>\n

    Next, upload your image either by dragging and dropping the image file from your computer to the upload box, or by clicking “Select File” to find the file in your computer. You can also choose from existing files in your Media Library.<\/p>\n

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

    Select files to add to post<\/p>\n<\/div>\n

    Settings, when Uploading an Image<\/h2>\n

    Finally, you’ll want to select the size of the file, the URL of the file, caption and a few other things. We recommend centering your image, and adding a caption. Once you have added your settings as desired, click “Insert into Post”.<\/p>\n

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

    Edit settings on new image and add to post<\/p>\n<\/div>\n

    Changing Your Image Settings<\/h2>\n

    Finally, if you would like to change the settings on an image after it has been added to a post, go to the chapter editor and click on the image. You’ll see a few small icons appear:<\/p>\n

    \n
    • Click on the ‘X’ to delete the imag.e<\/li>\n
    • Click on the pencil to open the editing screen (see below).<\/li>\n
    • Click on any of the other icons to change the image alignment.<\/li>\n<\/ul>\n

      You can also edit the image caption at any time without opening the clicking on the existing caption and typing as normal.<\/p>\n

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

      Edit image within post<\/p>\n<\/div>\n

      Editing Screen<\/h3>\n

      By clicking on the pencil, you open the image editing screen. Here, you can edit\u00a0the following:<\/p>\n

      \n
      • Caption (note<\/strong>:\u00a0this is important to include for ebooks especially as images without captions may not render properly in some e-readers)<\/li>\n
      • Alternate text (this is important for both SEO and accessibility for visually impaired people using screen readers)<\/li>\n
      • Image alignment<\/li>\n
      • Image size<\/li>\n
      • Linking preferences (you can link to the image file, an attachment page, a custom URL or have no link)<\/li>\n
      • Access the “Advanced Options” and image editor (more on this below)<\/li>\n<\/ul>\n
        <\/a><\/p>\n

        Edit image settings<\/p>\n<\/div>\n

        From the image editing panel, you can also go to the advanced image settings panel. Here, you can set an attribute for the image title, as well as a CSS class for both the image and its link. This allows you to classify each element so that\u00a0you can then style them differently from other images in your book by using the custom CSS editor. Read more in our chapter on custom CSS<\/a>.<\/p>\n

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

        Advanced image options<\/p>\n<\/div>\n

        Editing Your Image<\/h3>\n

        In addition to changing your image settings, the editing screen\u00a0also allows you some basic editing options for the image itself. By clicking on “Edit Original” you will see a new window with several options to crop, rotate and scale your image. Read more in our chapter on image editing<\/a> or check out our video tutorial for more details.<\/p>\n