\n\nYou can edit your images from within the Pressbooks platform. This is useful if you don't have image editing software or if you're on a device without it. This chapter will explain:\n

advanced image editing functions in Pressbooks<\/li>\n \t
how to use them<\/li>\n<\/ul>\n<\/div>\n
1. How to Get Into the New Image Editing Menu<\/h2>\n
- Click on a chapter containing an image you'd like to edit.<\/li>\n \t
- Once in edit mode in the chapter, click on the image.<\/li>\n \t
- Click on the pencil icon at the top left of the image.<\/li>\n<\/ul>\n $\"editing_in_platform\"$ <\/a>\n\nThis will bring up the image editing menu.\n\n[caption id=\"attachment_603\" align=\"aligncenter\" width=\"904\"] $\"Image$ <\/a> Image editing menu[\/caption]\n\nThe first screen that appears allows you to edit the image's relative size, alignment and how it displays, just as you could from the Media interface.\n
  2. Image Editing Functions<\/h2>\nOnce in the image editing menu, you can edit many aspects of the image.\n
  - Click on Edit Original to see additional editing options (pictured below).<\/li>\n<\/ul>\n[caption id=\"attachment_606\" align=\"aligncenter\" width=\"830\"] $\"Editing$ <\/a> Editing Interface screen two[\/caption]\n
    \n \t
    On the right, you can scale an image (this keeps the image's current aspect ratio when making it smaller or larger).<\/li>\n \t
    You can also crop an image. Indicate the desired aspect ratio or dimensions.<\/li>\n<\/ul>\n[caption id=\"attachment_607\" align=\"aligncenter\" width=\"415\"] $\"image$ <\/a> image editing icons[\/caption]\n
    \n \t
    The icons at the top left will allow you to Crop, Rotate Clockwise, Rotate Counterclockwise, Flip Vertically or Flip the image Horizontally.<\/li>\n \t
    Scroll down.<\/li>\n<\/ul>\n[caption id=\"attachment_608\" align=\"aligncenter\" width=\"830\"] $\"Thumbnail$ <\/a> Thumbnail editing[\/caption]\n
    \n \t
    This tool allows you to manage the image Thumbnail Settings separately from the edits you're making to the image. So you can make them the same or different.<\/li>\n<\/ul>\n
    3. Advanced Options<\/h2>\nIt's very important for images to be styled in CSS divs. Pressbooks now allows you to apply CSS styles to your image.\n\n[caption id=\"attachment_609\" align=\"aligncenter\" width=\"464\"] $\"Image$ <\/a> Image CSS customization menu[\/caption]\n
    \n \t
    Give your image a title.<\/li>\n \t
    Indicate your image's CSS class. (In CSS stylesheets, each CSS class will apply its own style. This tells Pressbooks which CSS style to use for that image.)<\/li>\n \t
    You can also style the image's link and decide whether it should open a new browser window or not.<\/li>\n<\/ul>","rendered":"
    \n
    You can edit your images from within the Pressbooks platform. This is useful if you don’t have image editing software or if you’re on a device without it. This chapter will explain:<\/p>\n
    \n
    advanced image editing functions in Pressbooks<\/li>\n
    how to use them<\/li>\n<\/ul>\n<\/div>\n
    1. How to Get Into the New Image Editing Menu<\/h2>\n
    \n
    Click on a chapter containing an image you’d like to edit.<\/li>\n
    Once in edit mode in the chapter, click on the image.<\/li>\n
    Click on the pencil icon at the top left of the image.<\/li>\n<\/ul>\n
    $\"editing_in_platform\"$ <\/a><\/div>\n
    This will bring up the image editing menu.<\/p>\n
    $\"Image$ <\/a><\/p>\n
    Image editing menu<\/p>\n<\/div>\n
    The first screen that appears allows you to edit the image’s relative size, alignment and how it displays, just as you could from the Media interface.<\/p>\n
    2. Image Editing Functions<\/h2>\n
    Once in the image editing menu, you can edit many aspects of the image.<\/p>\n
    \n
    Click on Edit Original to see additional editing options (pictured below).<\/li>\n<\/ul>\n
    $\"Editing$ <\/a><\/p>\n
    Editing Interface screen two<\/p>\n<\/div>\n
    \n
    On the right, you can scale an image (this keeps the image’s current aspect ratio when making it smaller or larger).<\/li>\n
    You can also crop an image. Indicate the desired aspect ratio or dimensions.<\/li>\n<\/ul>\n
    $\"image$ <\/a><\/p>\n
    image editing icons<\/p>\n<\/div>\n
    \n
    The icons at the top left will allow you to Crop, Rotate Clockwise, Rotate Counterclockwise, Flip Vertically or Flip the image Horizontally.<\/li>\n
    Scroll down.<\/li>\n<\/ul>\n
    $\"Thumbnail$ <\/a><\/p>\n
    Thumbnail editing<\/p>\n<\/div>\n
    \n
    This tool allows you to manage the image Thumbnail Settings separately from the edits you’re making to the image. So you can make them the same or different.<\/li>\n<\/ul>\n
    3. Advanced Options<\/h2>\n
    It’s very important for images to be styled in CSS divs. Pressbooks now allows you to apply CSS styles to your image.<\/p>\n
    $\"Image$ <\/a><\/p>\n
    Image CSS customization menu<\/p>\n<\/div>\n
    \n
    Give your image a title.<\/li>\n
    Indicate your image’s CSS class. (In CSS stylesheets, each CSS class will apply its own style. This tells Pressbooks which CSS style to use for that image.)<\/li>\n
    You can also style the image’s link and decide whether it should open a new browser window or not.<\/li>\n<\/ul>\n","protected":false},"author":1,"menu_order":5,"template":"","meta":{"pb_show_title":"on","pb_short_title":"Image Editing ","pb_subtitle":"","pb_authors":[],"pb_section_license":"cc-by"},"chapter-type":[],"contributor":[],"license":[50],"part":322,"_links":{"self":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapters\/353"}],"collection":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapters\/353\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapters\/353\/revisions\/354"}],"part":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/parts\/322"}],"metadata":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapters\/353\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/wp\/v2\/media?parent=353"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/pressbooks\/v2\/chapter-type?post=353"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/wp\/v2\/contributor?post=353"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pb.malartu.org\/pbuserguide\/wp-json\/wp\/v2\/license?post=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

1. How to Get Into the New Image Editing Menu<\/h2>\n\nClick on a chapter containing an image you’d like to edit.<\/li>\nOnce in edit mode in the chapter, click on the image.<\/li>\n

2. Image Editing Functions<\/h2>\nOnce in the image editing menu, you can edit many aspects of the image.<\/p>\n

3. Advanced Options<\/h2>\nIt’s very important for images to be styled in CSS divs. Pressbooks now allows you to apply CSS styles to your image.<\/p>\n