High Ed Hangout

HEH 24: How I Learned to Love the (Ginger Beer) Bomb


Listen Later

People keep uploading HUGE images, so we chat about the best ways to handle automatically optimizing them via the various CMS tools. We also dip into usability and card sorting exercises.

Ken has an issue with people uploading non-optimized LARGE images. What’s the best way to deal with that?

  • Img tag can use “srcset” which you can pass a list including the path and width of the image with multiple images so that the browser doesn’t need to download the image to know the width.
  • “sizes”
    • https://ericportis.com/posts/2014/srcset-sizes/
    • How do we make images smaller (file size)?
    • Managed Image Content Areas
      • File size (compression, img data optimization, stripping meta/exif data)
      • Resizing
      • Cropping
      • Dynamic size use (srcset, sizes)
      • File Format conversion/use
      • Load/Pre-loading (lazy loading)
      • WordPress Tools
        • WP Smush
        • PicResize
        • ShortPixel (also does PDF’s… if you’re into that kind of thing)
        • Drupal Cropping Tool
          • Focal Point Module
          • Outside Services for Compression
            • TinyPNG
            • PicResize.com
            • Card Sort for usability

              • http://edutechwiki.unige.ch/en/Card_sorting
              • Good Article on Card Sorting Process: http://usabilitygeek.com/card-sorting-quick-guide-for-beginners/
              • Card Sorting App: https://sites.google.com/a/uxsort.com/uxsort/
              • (this is better used internally for reporting vs. a tool for a user to participate in the card sort)
              • What would happen when you played card sort telephone game – taking a sort and giving the results to the next sort and giving those results to the next sort?
              • ...more
                View all episodesView all episodes
                Download on the App Store

                High Ed HangoutBy High Ed Hangout

                • 5
                • 5
                • 5
                • 5
                • 5

                5

                3 ratings