How To Rotate Picture In Email

/ Comments off



If your pictures are the wrong way up or back-to-front, you can flip or rotate them so that they look right.

  1. Click Edit.

  2. Select either Flip Horizontal or Flip Vertical.

  3. If you want to keep the picture flipped in this way, click Save.

    Otherwise, don't save the picture and it will be returned to its original orientation the next time you open it.

  1. Move the mouse pointer over the image. Two buttons with arrow will appear at the bottom.

  2. Select either Rotate the image 90 degrees to the left or Rotatethe image 90 degrees to the right.

  3. If you want to keep the picture rotated in this way, click Save.

    Otherwise, don't save the picture and it will be returned to its original orientation the next time you open it.

  1. Press the Rotate icon. This icon is a solid white square with an arrow at one corner. It is located above 'Cancel.' Tapping the icon once will rotate the picture 90 degrees counterclockwise. Tapping the icon twice will rotate the picture 180 degrees. Tapping the icon three times will rotate the picture 270 degrees counterclockwise.
  2. To rotate an image by another measure of degrees, change the '180' in the CSS code and tag to the degree you desire.

Copy the table or SmartArt graphic, paste it as a picture, and then rotate the picture.

You can also use the keyboard shortcuts:

Rotate Clockwise

Ctrl+R

Rotate Counter-clockwise

Ctrl+Shift+R

Rotating an image on a web page is possible using a CSS rotate class, which is added to any <img> tag to rotate the image.

Rotating an image using CSS

The CSS code needs to include transformations code for each major Internet browser, so the image is rotated in all browsers.

Below is an example of CSS code to rotate an image 180-degrees.

The CSS code above should be added to a .css stylesheet file linked in your HTML. For example, if your CSS file is named site.css and in the same directory as your HTML file, you can include the following HTML in the <head> element:

Alternatively, you can include the CSS code inline, either in a style tag appearing before the image tag, or in the style attribute of the image tag.

Once the CSS code is applied to your .css file, stylesheet, or <style> tags, you can use the CSS class name in any of your image tags.

Tip

To rotate an image by another measure of degrees, change the '180' in the CSS code and <img> tag to the degree you desire.

Rotated image example

Below is an example of our logo using the CSS code above. If your browser supports the CSS rotation, the logo should appear to be rotated 180 degrees.

How To Rotate Picture In Gmail Email

How To Rotate Picture In Email

Additional information

Resize, rotate, and flip objects in Pages on Mac - Apple Support

How To Rotate An Image In Outlook

  • See our rotate page for further information about this term and related links.