Posts Tagged media

One more way to save space

Posted by on Tuesday, 23 February, 2016

If you’ve noticed your site running more slowly or seen your storage space creeping closer to 100%, there is another easy remedy.  On your dashboard, go to the Media section, then click Library.  By default, you should see all the media items (images) that are active on your site.  But clicking the drop-down menu and changing “All media items” to “Unattached” will show you only images that aren’t currently being used on your pages or posts.  These might be duplicate images that were mistakenly uploaded or items that you’ve used in the past.

Unattached Images

But even though they’re not visible to your visitors, they’re still taking up space on your site.  Deleting these unneeded images is one of the easiest ways to regain storage space and boost your site’s speed.

 

Managing Your Storage Space

Posted by on Monday, 21 December, 2015

Some of you might have noticed something that looks like this when you view your Dashboard:

001

You’re (hopefully) not at 100% space used, but you might be getting closer to it if your site has lots of large images or other media files.  WordPress will add the red X icon to alert you that your remaining storage is getting rather low.  Fortunately, there are ways to easily adjust the amount of space consumed.  If you’re adding photos to your site directly from a digital camera or smartphone, you might check your settings and lower the image quality.  Most devices automatically save pictures at the highest possible resolution—that’s great if you took photos of a family vacation and want every detail of Niagara Falls, but it’s usually not necessary for some of the smaller images that will appear on your website.  Alternately, you can use free programs like Irfanview to reduce the size of your images before you upload them.

For existing images, it’s not a bad idea to check file sizes and use WordPress’s built-in image editor.  Just go to Media on your Dashboard and you’ll see a list of your existing files.  Clicking each one brings up details about the image.  Click the image below to see a larger version of it.

002

On the right, you’ll see File Size and Dimensions.   To give you an idea about dimensions, our sample image above is 1,456 × 883 at full size.  If an image seems to be too big, you can click the Edit Image button at the bottom, then use the Scale tool to shrink it down a bit.  If you see a number that’s larger than around 2000 on either side, the image can definitely be scaled down without a noticeable drop in quality.

Other potential problem areas are duplicate photos or older media that you’re not longer using on your site.  If you’re seeing more than one instance of a particular image in your Media section, it might be a good idea to delete those duplicates and save that storage space for new photos.  Similarly, if you have older photos that you’re not currently using, you might delete those from your Media library.  Just be sure to save them to your computer first, if you think you might use them again someday!

If you’d like any assistance regarding storage on your site (or any other issue), please don’t hesitate to get in touch!

Galleries

Posted by on Thursday, 17 September, 2015

One of the easiest ways to spruce up your page and make your images more distinct is WordPress’s Gallery feature. It allows you to embed thumbnails with captions directly into your posts or create a moving slideshow of images, all without entering code. Just click the Add Media button as you normally would to add an image. You’ll see a popup and Insert Media will be checked by default.  Click on Create Gallery instead and then select your images.  You’ll see small preview thumbnails appear at the bottom.

Create Gallery

The next screen will allow you to change the number of columns used for your thumbnails or change your image type to a slideshow.

Gallery 2

Below is an example of a gallery in the “thumbnail grid” style with three columns:

And this is an example of a slideshow:

This slideshow requires JavaScript.