{"id":863,"date":"2023-02-07T22:54:24","date_gmt":"2023-02-07T22:54:24","guid":{"rendered":"https:\/\/www.tarleton.edu\/wordpress-training\/?page_id=863"},"modified":"2025-05-01T19:44:54","modified_gmt":"2025-05-01T19:44:54","slug":"add-media","status":"publish","type":"page","link":"https:\/\/www.tarleton.edu\/wordpress-tutorials\/add-media\/","title":{"rendered":"How to Add Media"},"content":{"rendered":"\n

Compressed files decreases the load time for pages on mobile and in rural areas. Please use the following resources to compress your images and documents before uploading them into the media library. <\/p>\n\n\n\n

\n
\n
Image Compressor<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n
\n
PDF Compressor<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n
<\/div>\n\n\n\n
Image Type<\/th>Size (all dimensions are in pixels)<\/strong><\/th>Block Type Typically Used<\/strong><\/th><\/tr><\/thead>
Hero<\/td>1920 wide x 600 tall<\/td>Site Customizer<\/td><\/tr>
Smart Slider Images<\/td>1200 wide x 800 tall*<\/td>Smart Slider Plugin<\/td><\/tr>
Headshots \/ Vertical Images<\/td>480 wide x 720 tall<\/td>Image-Media Block<\/td><\/tr>
Horizontal Page Images (example<\/a>)<\/td>720 wide x 480 tall<\/td>Image, Image-Media<\/td><\/tr>
Featured Image (News)<\/td>900 wide x 600 tall<\/td>Blog Posts \/ News Feeds<\/td><\/tr><\/tbody><\/table>
Image Dimensions for Common Image Uses<\/figcaption><\/figure>\n\n\n\n

*Please note, some Smart Slider templates require a different size image. Please check your template before uploading the image.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
<\/path><\/path><\/svg><\/span>

WINDOWS: How to Crop and Resize an Image<\/h4><\/div>
\n

Step 1:<\/strong><\/p>\n\n\n\n

\"Snippet<\/figure>
\n