How to

Top Tip: Create your PPT for the web, THEN strip it down for live presenting

 

In my Presentation Skills training I spend a lot of time offering different ways of presenting information and ideas visually, so you can lose a lot of the words from your PowerPoint slides. After all, it is a presentation, not a document. It's not designed to be read - or at least it shouldn't be, else you'll leave your audience wondering if your presence as a presenter is even really neccessary...

Then later we discuss the importance of uploading your presentations to Slideshare to amplify their impact and reach a wider audience. So inevitably the most common question which gets asked after that is: "But how will this make sense to people who weren't in the room to hear me talk?"

It's a tricky question because in most cases, a presentation simply can't be fit for both purposes. Good live slides won't make sense without the presenter, and good web slides won't have been an effective communication tool in a face-to-face presentation.

There are basically three answers to this (that I give, anyhow):

  1. You make a different version that goes online
  2. You upload the accompanying notes or audio
  3. You accept that the online audience will have a different experience, and that's not the end of the world

There are times when I do all three of these, sometimes all for the same presentation (bear with me...). Let's look at each of them in turn.

Making different slides for live versus web

My main advice here is twofold: first of all make two versions of the presentation - one for the face to face presentation, and one to sit on the web afterwards - and second of all, do the web version first!

It is a lot easier to start off by putting in all the detail on the slides so that the presentation makes sense on its own without you talking over the top. It helps you shape your ideas, work out exactly what story you're telling with the presentation, and can be a useful aid to learning your talk (learning your talk is actually something I wouldn't recommend, but there isn't time to get into that here).

Once that's done, save a copy to upload to Slideshare or whatever, and then save a new version which you edit to strip out all the detail. The function of slides in a conference or training situation is to enrich and reinforce what you have to say out loud, help the audience understand and engage with your message, and last - but NOT least - to prompt you as to what you need to say. Not to duplicate it. The ideal slide (in my opinion) has perhaps one sentence on it, which crystalises the key message of that part of the presentation AND acts as a jumping off point to remind you of everything you have to say on the topic. So you take your detailed web PPT, and you strip them back to one or two sentences per slide (or go entirely word-free).

The key thing here is it's a lot easier to make detailed web slides and strip them down for live presenting, than the other way around. Making your live slides and then adding all the detail in afterwards takes ages. It really adds to your prep time and so isn't practical in most situations. Doing the detail first doesn't really add that much time on at all because it's part of the process that helps you create the narrative in the first place.

Incidentally, I don't use this option all the time - because it does take some more time. If the presentation is important however, it's worth it.

Providing further content to help explain slides

If you want to leave your slides beautifully simple but consequently ambiguous, you can provide some supplementary materials to help them make sense. For example:

  • If you've made notes you could upload them to Scribd, and then link to them from your presentation (and embed the Scribd document and the Slideshare presentation on the same web-page)
  • If your PowerPoint presentation has speaker notes (in that little box below the main slide in edit view) they will be added to Slideshare below your slides. The trouble with this is you need to upload specifically a PPT file to Slideshare, it doesn't work with PDFs - and if you're using non-standard fonts, which can be really beneficial, you need to use PDFs. So potentially useful, but not ideal
  • If you literally have a script of the whole talk, just provide that alongside the slides. If you don't use a script, and again I wouldn't recommend doing so, the only way to achieve this is to record the talk and then play it into some kind of dictation software to provide you with a transcript after the event...
  • You could add audio. Slideshare discontinued their webcast functionality (being able to add audio to PPTs once uploaded) last year, so really your best option for this is YouTube. In the past I've recorded my own talks using my iPhone in my jacket pocket, then used Camtasia to add that audio to slides - as in this example from South Africa - but that's a laborious process, takes ages, and honestly I'm rarely happy enough with any of my talks to want people to be able to hear and analyse them outside the in-the-moment conference environment... I would recommend recording your talks though, just for your own use - it's amazing how much you learn about what worked and what didn't
  • (If you do go down the YouTube route, don't forget to add the YouTube video to your slides on Slideshare too. Slideshare has so much reach, you don't want to just put stuff on YouTube.)
  • You could use Storify to collect the tweets from people in the room during your presentation and link to / embed that with your presentation - this is my preferred method as I don't use notes and don't like the audio options listed above. Even if you're not on Twitter I'd recommend at least considering this option
  • And finally, my super-advanced-mega-slideshare-hack: Slideshare displays whatever text you have on each slide, in the transcript below. (That's completely seperate from the notes field thing discussedearlier - every slideshare presentation has an accompanying transcript.) So you could add a full explanation of each slide, to each slide, but then make it invisible on the slide itself! (Either by writing in white on a white background, or covering it with an image, or using font-size 0.5.) So the transcript has all the info, but the slides do not. Good eh? [High-fives the internet]

Or, of course, just not worrying about it at all. Which brings us to the other way forward.

Just having the same version for both

Sometimes a presentation is too low stakes to worry about all this stuff. Sure it's not ideal that the slides don't make so much sense online, but what's most important is that they worked for the audience in the room.

Another way of looking at it is to view it as simply a different experience for the two audiences, rather than neccessarily a compromise or a problem. Your slides aren't as easily understandable for the online audience, but the fact they get the kernel of an idea rather than the fully-formed notion can be really interesting in itself. Just as the one-sentence prompt was your jumping off point during the talk itself, it's the online audience's jumping off point for their own ideas and further learning. That's no bad thing. Barthes would approve, anyhow.

An example of combining all three

The slides I put the most effort into ever were those I created for a keynote at the BLA Conference last year. And I kind of did all three things listed above.

First of all I did a different version for the web. Not a massively different version - but I included more detail in quite a few places, skipped to the end of some pseudo-animated parts, and changed the way I displayed certain images to comply with the copyright licences. I also removed a section which contained at its climax with a category C swearword (or is A the strongest category? I never know how that works) because although I trusted the audience in the room to understand it and not be offended, I coudn't be sure The Internet would do the same...

So what you end up with is slides which first and foremost aided my communication to 60 people in a room in Leicester (the face to face audience must ALWAYS be the priority!), but which at least made sense and provided some sort of jumping off point for over a hundred thousand people online subsequently. The only upsetting thing for me is one of the two fonts I used doesn't seem to render properly on Slideshare no matter what I do, but never mind...

I also provided a Storify of the tweets from the talk in the associated blog-post. And I didn't fill in ALL the gaps, as I really do think slides are great for providing a taster of a topic, hopefully in a way which encourages people into looking into it more themselves, and forming their own conclusions.

Other peoples' perspectives

I don't want this post to just be my views and opinions, so I canvassed Twitter. Here's what they had to say - if you have anything to add, I've love to hear from you in a comment.


Behind the Scenes at the Texas A&M University Libraries 'Happy' Video

 

Some of you may recall that before things got all serious with my post about my daughter, the previous article on this blog was a bit lighter and featured a great library tour video.

Texas A&M University Libraries pastiched Pharrel's Happy (one of the most watched pop videos in 2014) with one of their own. The original features loads of different people dancing to the song; Texas A&M featured loads of people dancing to the song AROUND the library, brilliantly, as way of providing orientation to new students.

This is an update on my previous post, as Texas A&M reached out and provided some great information about the aims behind the film - but first for those who haven't seen it, add to the 66,000+ views it has already had and take a look:

Stephanie Graves, Associate Professor and Cooridinator for Learning and Outreach, provided me with some details. First of all, here are the instructional outcomes they were aiming to achieve:

1)      We are a massive university and the size of the University Libraries can be intimidating.  We want their first introduction to the Libraries to be a positive, engaging experience that reduced library anxiety.  We intentionally choose the theme “Happy” to help accomplish this goal. 

2)      The students are inundated with information from various campus entities during orientation season.  We needed to do something that would be catchy, while relaying just enough information that was memorable.

3)      We have 6 buildings with numerous services.  This can be confusing.  It’s also impossible to give students a “tour” of the libraries on such a large campus.  We wanted the video to highlight our key services and communicate the variety of locations.

Overall, the video turned out to be very successful in reaching these. It's always hard to properly analyse success of this sort of thing, because the video went somewhat viral and that distorts all the statistics. We know it went down well in the library community but that's really on icing on the cake, and the cake is engagement from the library's actual users.

We had a record breaking attendance at our Library Open House (also Happy themed) with over 3,600 students in a 2 hour period. We ran out of Happy T-shirts (3,500) and had to order another batch (also gone). The library Happy shirt is now a “thing” on campus and you see them every day. Our desk staff get asked where folks can buy one on campus, which is a testament to the social phenomenon of our theme event.
— Stephanie Graves

This reinforces the belief that the details of these kinds of ventures, really perfecting a video and making sure it is aimed squarely at the target audience (and not librarians) really pays off. I'm so pleased this worked out so well for them. 

Finally, for those planning their own library video, you can see a Shooting Script from a video we made at York embedded in this blog post, and I'll leave the last word to Stephanie on their planning for their own film:

"We intentionally used student dance groups as our “actors” to help communicate that the libraries were student-centered spaces.  We used a student salsa group, our Aggie Wranglers, and a hip-hop group.  We were hopeful that the variety of dance would communicate the diversity of our campus and make all students feel welcome.  We carefully thought of all the locations and services that we wanted to highlight and in what sequential order to present them.  This pre-work was done  and then we met with the videographer to discuss our needs.   We had it planned out enough that the video only took a day and a half to shoot.    We benefited by having our very skilled student dance groups because we librarians had to do very little choreography.   We simply discussed how we wanted to highlight the space or services and the videographer had them dance as they normally would in the shoot. "

How branding SHOULD work versus how branding does work

 

When it comes to 'personal brand' there's a lot of fuss in library-land, but the subject of corporate branding is, I hope, relatively uncontroversial. Most companies, organisations, and businesses, whether they're non-profit or profit-chasing, have some kind of branding - a visual style which makes them easily identifiable. We may not want to be corporate, but we do want to be easily recognisable; that's an important part of effective communication.

But often in Libraries I see branding that isn't doing the job branding is supposed to do. What is branding, what's it FOR, really? Well one thing we can be sure it's NOT for is making everything you do look exactly the same. If everything looks the same it just becomes so much white noise.

I read an analogy on the Canva blog which I really liked: "Think of your slides as sisters, not identical twins." They're talking about creating presentations, but really this applies to all branding - it's helpful to think of the visual resources you produce (signage, leaflets, guides, social media presences, the website, merchandise, digital displays, PowerPoints and so on) as being part of the same family, rather than part of a sinister cloning programme... However I'm going to take that analogy and adapt it to be about architectural relationships rather than familial ones.

Because ultimately what branding is for is this: good branding ensures your users understand they're in part of your organisational landscape. It helps people remember you. It helps people recognise when things are connected. It helps people identify something as uniquely yours.

Compare the architectural landscape of the two pictures below:

One of the reasons I hate templates in PowerPoint presentations is they make all your slides look the same. They reduce the value and impact of each individual message, and the research shows they actually reduce learning in your audience (as does anything extraneous to that message). The reason organisational templates exist at all is to support branding - they are 'on brand' so the logo, the colours, and often the font, represent the organisation on every slide. But eventually all the slides blend into one - it becomes like looking at the row of London houses above, where they all look the same and you struggle to distinguish what is interesting about each one. So the branding is getting in the way of the message.

Contrast that with the top half of the picture, which shows some lovely Tuscan architecture. All the buildings are different. They aren't identical twins. But they're very recognisably of the same landscape; you could look at one in isolation and recognise that it relates to any of the others. It reinforces the identity of the town, without the white noise of identikit architecture. That's exactly how corporate branding SHOULD work - but often doesn't...

So when it comes to slides, my advice is always to use colour (and font if applicable), rather than your template, to reinforce the brand. Your audience stays within your organisational landscape, but each of your slides have value and unique messages of their own. You don't need the company name and logo on every single slide - no one looks up 40 slides into a 55 slide presentation and goes "Who is this from again? Oh yeah..." - or if they do, they can surely wait for the last slide for confirmation! If necessary use the template on your first and last slides (this makes it easier to ask for forgiveness if anyone pulls you up on it) but not during the content of the presentation. We actually have official permission to do this at York after I made the case to the Comms Team, it's worth seeing you can do the same...

When it comes to wider corporate branding, again what is important is a recognisable style - something which identifies materials across all media as being of your organisation - rather than making everything look the same. Developing a visual 'feel' which is flexible is far better than 'the brand' becoming a millstone around everyone's necks which simply prevents creativity!

[The image above was made using two existing Creative Commons images: Italy by cfwee, and London by A R Driver. The image in the background of the header is of the same Tuscan town - San Gimignano - and is by imagina.]

Squarespace: A comprehensive review of the website building platform

 

If you listen to any podcasts at all, you'll have heard of Squarespace.com - they seem to sponsor every single one. If you don't do podcasts and you're not familiar with them, Squarespace offer a complete website publishing package: you build it using attractive templates, they host it, and you pay them an annual fee.

After mulling it over for ages, and building a mock site using their free-trial, I eventually made the switch from my old wordpress.org site to this new squarespace.com site in August, and overall I'm very glad I did. So, for those I've spoken to online and in person who are wondering about making the switch, here's a (fairly long and comprehensive!) review of Squarespace.

The Design

One of the big reasons I switched to Squarespace was their designs. Their sites are above all clean - I find them engaging to look at and interact with. I spend most of my working life on the internet so I do appreciate when a site looks nice and is easy to use. Squarespace designs make great use of images and the full width of the screen. They allow you to highlight key information - your website may contain a lot but you can still direct people primarily to just a little of it, allowing those who want to go deeper easily to do so.

Squarespace uses a template system, but in the best possible use of the word 'template' - loads of different ways to present information which are easy to customise and make your own. At the time of writing there are 32 templates to choose from - here's a selection:

Click the pic to go to Squarespace's templates page

Click the pic to go to Squarespace's templates page

For each template there are a number of example websites (from actual Squarespace users) so you can see how they work in the real world. I chose 'Bedford' for this site because I liked the large image at the top of the page (if you're reading this blogpost on its own direct URL you won't be able to see this - have a look at the blog homepage in a new window, or the Past Talks page for example, to see how the site normally looks with a featured image)  and because I could see examples of the Blogging side of it working well; Squarespace is NOT primarily a blogging platform, so I needed to know I could still have columns, subscription options, and other things which a totally minimalist design might get rid of in the name of style over substance.

Essentially there are templates which allow you to present most types of information engagingly. Some are very commerce orientated, some are detailed, some are extremely sparse, some are designed to work as an online CV or portfolio. They all look lovely (and can all be completely changed as part of the customisation process anyhow) so you can choose one to suit the type of content you wish to have on your site.

There's no comparison between the way my old site looked and the new one looks. One is dated and the other is fresh. In fairness that's partly because I designed my old site myself using my limited html skills - there are plenty of Wordpress themes which look a lot more contemporary and usable (albeit, in my opinion, not on the same level as the Squarespace designs).

Mobile Ready and Responsive

The other key thing about the design is they're all Responsive Design sites. This means they recalibrate their content to suit whatever size of screen you look at them on. This is much, much better than an Adaptive Design site (which basically means having a mobile-friendly version and a desktop friendly version) in a number of ways, but primarily 1) you don't lose any content like you do with Adaptive; it's just rearranged to suit the screen, 2) it looks brilliant and works well on any device and 3) you don't have to limit the width of the screen because it responds to any width of screen, meaning it makes the most of widescreens. (My previous site was 1000px across, meaning anyone looking on a wider screen than that just saw wasted white space either side of the content.)

We all know being mobile-ready is essential these days. So far since August a bit over 3,200 people have visited this site on their mobile devices, which is relatively small as a proportion of the total visitors, but nevertheless I'm glad each one (hopefully) found it a useable experience.

Building the Site

Building the site is done via Squarespace's drag and drop content system. Once you get the hang of it it is much easier to use than any other system I've come across. I can write code but it takes me ages and I can't do anything flash with it, and Blogger and Wordpress simply don't the flexibility and power of the Squarespace engine.

Here's what this part of the blog post looks like in edit view, when I go to add a new piece of content. The things I use all the time from the Basic section are Text and Image (obviously), and I use Quote on the Training pages. From the More section I use the Code section to embed presentations, Storifys etc (it seems to work better than the Embed tool, for me) and the Spacer tool which basically allows you to arrange elements of your site precisely where you want them, for example by filling up the left hand side of the screen with a Spacer so your content appears on the right. There are more features you can't see in the screengrab, some of which I used in the building of the site but don't have cause to come back to when writing posts like this one. Squarespace provides clear instructions and some nicely illustrative videos that explain how it all works.

As well as types of content and tool, there are overall Page types. Clearly this section is on the 'Blog' type, but I use the regular 'Page' for most of the rest of the site. For the Upcoming Events page I use the 'Events' page type, which is terrifically useful; it makes it very easy to create actually useable events pages which have timings, maps and so on built in. Although I don't have use for the 'Gallery' page type it's also very nice and works really well.

squarespace2.png

As you can see in the screenshot above, my site is visible in the background in edit mode. This is because there is one interface which does both Content and Style - you edit the site as it appears to viewers rather than in a separate edit view with a preview mode. What You See is very literally What You Get.

The Bottom Line

Squarespace costs money and, as previously discussed in various posts on this site, it is perfectly possible to create an excellent blog or full website for free.

At the time of writing there are three Squarespace plans: Personal, Professional and Business. Rather than list the differences here's a screengrab:

Click to go to Squarespace's Pricing page

Click to go to Squarespace's Pricing page

I've got the Professional package - the dollar per month pricing works out as about £120 per year (billed annually), although I got 10% off by using an offer code from a podcast. Listen to any episode of Football Weekly, WTF, This American Life, I'd Hit That (for the drummers!), Freakonomics, Serial - basically any popular podcast - and you'll hear an ad with an offer code you can use to get the saving.

The reason I went for this plan rather than Personal is the unlimited bandwidth. Bandwidth stresses me out because you can't really control how much of it you use - there are things you can do to influence it but ultimately it comes down to how many people visit your site. Every time someone views a webpage it uses up bandwidth. I've had to spend extra money before to get extra bandwidth allowance on the old site, so I wanted an entirely hassle-free experience where I know I'll never need to change my current package - 500gig may well have been enough, but I prefer not having to think about it. (More on understand bandwidth requirements here.)

So £108 each year with the discount, or £55ish if you go for the Personal spec. Is it worth spending that kind of money on a website? Clearly the answer will vary depending on what you use your website for and how important it is to what you do.

I used to spend around £60 per year on hosting for my wordpress.org website, so Squarespace is more of a cost - I decided it was worth the extra cost for me because of the simplicity of the way it works, and the ease of maintenance / lack of upkeep, and because it looks a lot better. I also, quite honestly, wanted an excuse and the motivation to completely redo my website - next year I'm part-time in my main job so I can do more training for organisations, so as this website acts as a sort of HQ for my freelance work I figured it was worth the investment.

The other reason I think it's worth the money to me is that I think it's extraordinary that you can have a fully hosted, fully responsive to mobiles, fully SEO optimised, contemporary looking website for this amount of money. The amount of time it would take me to make something like this from scratch I can't even imagine - weeks and weeks. I think for what it is, it represents great value. Imagine how much you'd have to spend to build, or have built for you, a website like a Squarespace site even just two years ago! An absolute fortune by comparison. A feel bad for web developers.

Finally, a brief summary of the good and the bad of the platform.

Cons

So what are the downsides of Squarespace? Here's my take:

  • It's a relatively new company, so who knows what its long term future is? (Squarespace has actually been around since 2004, but only in its current form and with its current high level of popularity and use since 2012.) Wordpress, which I used previously, had been around for a long term and was sustained by input from the developer community as well as its own employees. It's free and open-source. There's every reason to expect it to be here and usable for a long time. We just don't know enough about Squarespace to be able to say it'll be around for a long time - and it's a for-profit company which means it could go bankrupt. So there's a risk.
  • It's a relatively new company so they change stuff all the time - features you like may disappear. In the short time I've been using it they migrated to Squarespace 7, an all new version which, as described in the Building the Site part above, essentially allows you to design your site without using a separate edit interface. This is great for site design but once your site is up and running and you're no longer tweaking it, I actually find it gets in the way somewhat. Also since I've been using it they've got rid of the option to add an image via a Flickr URL - you now have to save the image to your PC and upload it. It's a minor inconvenience but it's a feature I used to use but can't anymore - there may be more of those to come...
  • It represents great value for money - for now. By which I mean, if Squarespace turn around and hike my yearly payment by 100% next time around, what do I do? I can export all my data of course, and build a new site on another platform using all the words and images from this one, but that would be a LOT of hassle. So I'm relying on them not getting evil and greedy.
  • It's not a blogging platform. Blogging still a central part of what my site is for but it's not the be all and end all like it used to be, so this isn't so much of an issue for me. But not being a dedicated blogging platform, Squarespace does lack features which wordpress.org had that made life easier - more details statistics, useful plugins and so on.
The top statistics are from Squarespace (which sadly doesn't provide 'All Time' stats so this is just for the last month); as you can see, search engines not nearly as important as they were in the Wordpress days, which are the lower stats.

The top statistics are from Squarespace (which sadly doesn't provide 'All Time' stats so this is just for the last month); as you can see, search engines not nearly as important as they were in the Wordpress days, which are the lower stats.

One final thing is that I was unable to switch over without losing some SEO. This almost certainly isn't Squarespace's fault (it is, after all, 'SEO optmized'), but rather due to changing my site's URL to something brand new at the same time. I used to get at least 300 people a day finding my site via Google etc even if I didn't post anything - that no longer happens, and I effectively have to generate traffic myself via Twitter or it's a much smaller figure. (I am trying not to be sad about this! Changing to a proper URL was still worth it, I think.) I've put redirects on but that doesn't seem to have counted for that much - however as I say I think it's probably something which would have happened whether I'd switched to Squarespace or not. I just can't be 100% sure because I don't know enough about this sort of thing.

Weirdly the number 1 source of traffic for the new site is 'Direct' which presumably means people typing the URL directly into thier browsers - I'm baffled by this and can't help thinking something has got lost in translation between what's actually happening and how Squarespace is rendering the statistics.

 

Pros

  • Everything is included. For me the main pro is that using Squarespace makes things simple and unambiguous. I have the editor, the published site, the custom URL, the hosting, the unlimited bandwidth (and also unlimited storage and unlimited pages) and the ability to do other stuff I don't currently need to like add Podcasting or Commerce options - this is all in the same package, with no ambiguity or add-ons. I like this a lot.
  • It looks great: contemporary and nice to use. The interface is easy to work with and I love the way the website looks on all devices. The content is engaging and usable. Should I tire of this design I can just choose one of the other 32 templates and it'll completely rejig my site in one fell swoop.
  • It is amazing value for money. As I mentioned above, the idea a few years ago that you could get basically any kind of website you wanted, beautifully rendered, for just over a hundred quid a year, would have been bonkers.
  • The Support is very good. Squarespace are based on New York and Dublin and that's where their support teams are too. They get back to request for help within a couple of hours, they know what they're doing, they speak perfect English... All that stuff helps. Also the developer community are great - they helped me with the fact that wordpress.org uses a different style of URL to Squarespace, so all my URLs have to be redone individually for the old thewikiman links to work, and they wrote some easily editable java script which allows me to have the feature images take up the exact proportion of the screen I want them to (by default in this template they took up too much of the vertical space, and when I tested my proto-site on my wife she said people might not even realise you can scroll down to find more content) - whatever you need to do the chances are someone on there knows how to do it...
  • It's constantly evolving: I mentioned this as a con above, but it can be a pro too - they've added loads of new templates just in the time I've been using Squarespace, so you can always stay ahead of the web-design curve.

So that's the end of a pretty epic-length post by my standards. If you have experience with Squarespace (good or bad!) or have any questions about it from a user's point of view please leave a comment. If you fancy trying it out, sign up for the free trial and play around - it's not one of those free trials where you give your credit card details and it automatically starts unless you cancel it, so there's no harm in giving it a look. And if you build your own Squarespace site, let me know!

A handy guide for when to save images as JPEGs, PNGs or GIFs

 

Thanks to David Green for flagging up this whoishostingthis.com infographic on Twitter - I found it useful because I tend to use a mixture of JPEG and PNG with saving images, with not much understanding of why I'm choosing what I'm choosing...

JPEGs reduce the size of an image by compressing it - making the image less detailed and so the file-size smaller, but effectively doing so in a way which the human notices least. This is important for web-use as everything each viewer of your website has to download - which is to say, have appear on their screen, rather than save to their computer - takes up bandwidth, and bandwidth costs money. One of the reasons I switched over to Squarespace from Wordpress.org is the unlimited bandwidth meaning I don't have to worry about upgrading my package to accommodate more.

PNG files can be transparent - they don't have to have a white (or black, or any other colour) background. This is truly useful because they can 'sit' on top of any background - so for organisatinal logos for example, it's essential to be able to drop them in over any kind of poster or slides or publicity materials, without an ugly white background delineating the logo from the rest of the content. PNG files generally take up more space than JPEGs but keep their quality better by not compressing the file in a lossy way. This is useful for something like uploading an image to Twitter; Twitter compresses the image, so an already compressed image can start to look really quite rough by the time it a Twitter user sees it.

GIFs I use a lot but never really have cause to make. They generally take up the least space and work better for created graphics rather than photographs.

After the recent posts on which format to choose when saving presentations, and which sizes to use when saving social media images, it seems only right to complete the set with one on how to save pictures too! So courtesy of whoishostingthis.com, here we are: