Difference between revisions of "Image Settings - WordPress"

From Help Wiki
m
 
(14 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{WPTutorial|Image Settings
 
−
|
 
  
−
==== Edit image properties afterwards ====
+
<div class="container-fluid">
−
You can customize how the image looks once you upload it.
+
<div class="row">
−
# Clicking on the image once in your page or post then click the edit image icon. This will bring up the dialog box you saw when you first uploaded the image (figure 3).
+
<div class="col-md-8">
−
# From here you can realign, resize and add a caption.
+
<div class="lead">
 +
Getting the proper image settings and details is an important part of working with graphics in your website. It's a good practice to '''prepare your images prior to uploading, such as cropping and reducing size,''' though an image that's been saved to your site can be edited through WordPress as well. This article also includes '''tips for iPhone and Mac Users around HEIC files.'''
 +
</div>
  
 +
[[File:Wp-edit-image.png|thumb|right|200px|Edit Image Toolbar]]
 +
==== Edit image details ====
 +
You can customize image details even after it's been embedded in a page.
 +
# From the page post edit screen, select the image.
 +
# An edit image toolbar appears where you can adjust image alignment
 +
# Edit further by clicking the pencil icon.  This will bring up the dialog box you saw when you first uploaded the image. 
 +
# From here you can
 +
* Realign
 +
* Resize
 +
* add Alternative text - Important for accessibility
 +
* and add a caption
 +
# Click '''Update''' to apply
  
 +
 +
[[File:Wp-update-image.png|600px|Edit image details]]
 +
 +
 +
==== Image File Tips for iPhone & Mac Users ====
 +
 +
===== Change HEIC to JPG =====
 +
* To make sure your iPhone isn't saving your photos as HEIC files instead of PNG or JPG, go to "Settings" > "Camera" > "Formats" > and select "Most Compatible." (''Cedar'')
 +
* If you want to change the file type on your computer: open the photo, go to "File" in the top left, then scroll to the bottom of the drop-down menu to "Export" and change the format. (''Amelia'')
 +
 +
===== To disable the "live" image feature in iPhone Camera app (''Susan and Elijah'') =====
 +
* when in the camera app, click on the "live" icon to turn it off
 +
* or you can turn it off via your phone's Settings and Camera setting
 +
 +
 +
<!-- end col-md-8 -->
 +
</div>
 +
<div class="col-md-1"></div>
 +
<div class="col-md-3 sidebar">
 +
{{WordPress Tutorial Header}}
  
  
−
[[Image:Imagedetails.png]]
 
−
|
 
 
{{WordPress AddingImagesAndMedia Sidebar}}
 
{{WordPress AddingImagesAndMedia Sidebar}}
  
  
 
----
 
----
 +
 
{{WordPress DesigningYourSite Sidebar}}
 
{{WordPress DesigningYourSite Sidebar}}
  
  
 
----
 
----
 +
 +
 
{{WordPress Help Sidebar}}
 
{{WordPress Help Sidebar}}
−
}}
+
 
 +
<!-- end col-md-3-->
 +
</div>
 +
<!-- end row-->
 +
</div>
 +
<!-- end container-->
 +
</div>
 +
<!-- Generator=Template:TwoColumn -->
 +
__NOTOC__
 +
__NOEDITSECTION__
 +
[[category: Wordpress]]
 +
[[Category:Wordpress Tutorial]]

Latest revision as of 12:18, 12 August 2022

Getting the proper image settings and details is an important part of working with graphics in your website. It's a good practice to prepare your images prior to uploading, such as cropping and reducing size, though an image that's been saved to your site can be edited through WordPress as well. This article also includes tips for iPhone and Mac Users around HEIC files.

Edit Image Toolbar

Edit image details

You can customize image details even after it's been embedded in a page.

  1. From the page post edit screen, select the image.
  2. An edit image toolbar appears where you can adjust image alignment
  3. Edit further by clicking the pencil icon. This will bring up the dialog box you saw when you first uploaded the image.
  4. From here you can
  • Realign
  • Resize
  • add Alternative text - Important for accessibility
  • and add a caption
  1. Click Update to apply


Edit image details


Image File Tips for iPhone & Mac Users

Change HEIC to JPG
  • To make sure your iPhone isn't saving your photos as HEIC files instead of PNG or JPG, go to "Settings" > "Camera" > "Formats" > and select "Most Compatible." (Cedar)
  • If you want to change the file type on your computer: open the photo, go to "File" in the top left, then scroll to the bottom of the drop-down menu to "Export" and change the format. (Amelia)
To disable the "live" image feature in iPhone Camera app (Susan and Elijah)
  • when in the camera app, click on the "live" icon to turn it off
  • or you can turn it off via your phone's Settings and Camera setting


Blue-l.png

WordPress Tutorial


Adding Images and Media


Designing Your Site



Still have WordPress questions?

Retrieved from "http://helpwiki.evergreen.edu/wiki/index.php?title=Image_Settings_-_WordPress&oldid=43659"

The Evergreen State College