JPG vs. PNG: Which Should I Use?

TechSmith Camtasia

There is no one-size-fits-all for image file formats. This post will cover two of the most popular file format options, JPG vs. PNG, including when to use them and why. There are two main questions to ask yourself when you decide which image file format to use. The answers to these questions will help guide you to select your optimal file type. What is a JPG? Some quality is compromised when an image is converted to a JPG.

JPG 72

7 Ways to Improve the Site Speed for Your Online Course

LearnDash

Condense your CSS, HTML, and JavaScript files to minimize HTTP requests. If you have a lot of CSS, HTML, and JavaScript files scattered around, it increases the number of HTTP requests needed to load your website. Same for your other files.

Site 239
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Preventing Blurry Pictures: The Keys to Clear Images

TechSmith Camtasia

We’ve rounded up some of the best info we have on capturing high quality images – whether it’s a photo from a camera, or a screenshot on your computer screen. A few important terms related to pixels you might come across include: Resolution: size of the image in pixels (ex: 1920 x 1080). Pixel density: the relationship between resolution and physical size of screen (ex: 1080p, or ppi: pixels per inch). PNG vs JPG. Two of the most common formats: PNG vs JPG.

Making elearning look good on retina displays

SmartBuilder

A previous blog post discussed the importance of optimizing graphics, which could seem contrary to what I just said, but with an easy trick, we can make graphics look good on retina displays, while still optimizing file size. One of the easiest ways to do this is to create your graphic with dimensions that are twice the size that you will need in your elearning. Suppose that the size of a photo that I need in a project is 100 pixels by 100 pixels.

Tips to Convert E-learning to HTML5 Seamlessly with Articulate Storyline

CommLab India

Take into consideration the different screen sizes of the devices learners will access their learning on, while deciding the onscreen elements (HTML5 courses can be accessed on any device such as desktop, laptop, iPad, tablet, or any other Smartphone). The choice between the two depends on the smallest file size. While.png can be preferred for screenshots and illustrations,jpg is considered best for real-life pictures.).

Working with Images in eLearning (part 1)

Matthew Guyan

As eLearning developers we regularly work with images in our projects and while we aren’t all graphic designers, it helps to have a basic knowledge of the terminology around image properties and file types which is what this post is about. When sourcing images from a photo website I look for a high ppi or dpi number: In this example I’d choose the medium (or maybe the large) over the small as it would be a higher quality and better for resizing.