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. MORE

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. MORE

Thumbnails are reduced-size versions of images or videos that originally got their name from being about the size of a human thumbnail. In this blog post, I’ll walk you through the exact size your YouTube thumbnail should be and I’ll also cover some thumbnail best practices. First, let’s start with the exact size you should make your YouTube thumbnails! Along with the correct size, you’ll also want to keep in mind the ratio, file size, and file type of your thumbnail. MORE

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). Use an image editing program to resize when possible to get the right size, rather than inserting an image and trying to resize in-program (ex: WordPress, Google Docs, etc.). PNG vs JPG. MORE

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. So, JPG or PNG? MORE

Quickly find media that is inflating the file size and reliably and easily replace fonts throughout your presentation. iLovePDF iLovePDF is an online service to work with PDF files completely free and easy to use. In my experience, most people love tech tips and tools. MORE

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. Vector images use mathematical expressions to represent the image, they tend to have small file sizes and are scalable so when you resize them larger, which means that they don’t lose quality. These files can be edited in PowerPoint. MORE

create videos in a variety of commonly used file types. saves in a variety of formats including AVI, JPG, GIF, and PNG. CamStudio’s website claims its software is so easy to use, you can learn it in a matter of minutes, thanks to their built-in help files. CamStudio’s website claims the file size of the videos you create with their software will be smaller in size than other leading video screen recorders, and have great quality. MORE

File (from the Menu Bar) –> Export. You’ll need to change your File Type if it defaults to “Create PDF / XPS ” 4. Since I am always looking for ways to keep my file size low, I select. If you have more than 1 slide, PowerPoint will save each slide in your presentation as a separate file in the folder. You’ll now have a file with that background. jpg slide you created in Step 5. MORE

Files.Design – Professional resources for digital designers including templates, sounds and other files made by Great Simple Studio. Moose by Icons8 — Interesting new option for free stock photos that match each other [link] You can even download them all as a big.zip file. Customize Your Noun Project Icons – With advanced editing features, you can now customize the color, size, rotation, orientation, background color and background shape. File Sharing & Collaboration. MORE

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.). MORE