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. A JPG does, however, allow you to create smaller file size than you could with a PNG. What is a PNG? Limitations of the GIF prompted the creation and prevalence of the PNG. So, JPG or PNG?

JPG 72

Tips & tricks for self publishers – Part 3

E-Learning Provocateur

I was dilly dallying about both when Steven Lewis showed me his newly produced paperback, How to Format Perfect Kindle Books – ironic, eh? I had problems with PNG files (they outputted fuzzy) so you might consider TIF or JPG instead. In Tips & tricks for self publishers – Part 2 I explained how to self publish an e‑book. If you’re like me, you’ll now want to create a hard copy – a “real” book.

PNG 103
Insiders

Sign Up for our Newsletter

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

Tips & tricks for self publishers – Part 3

E-Learning Provocateur

I was dilly dallying about both when Steven Lewis showed me his newly produced paperback, How to Format Perfect Kindle Books – ironic, eh? I had problems with PNG files (they outputted fuzzy) so you might consider TIF or JPG instead. In Tips & tricks for self publishers – Part 2 I explained how to self publish an e‑book. If you’re like me, you’ll now want to create a hard copy – a “real” book.

PNG 100

Development Corner: Image Formats

The Logical Blog by IconLogic

Let's review the three most common image formats and why/when to use them. " It is one of the most popular formats used on the web and in eLearning. So if you are editing an image in Photoshop, always save it as the native format first, which is a PSD (Photoshop Document).   In the Save As dialog box in Photoshop, choose "Photoshop" as the file format.     PNG.

Format 122

Select the Right Image Format

SmartBuilder

As a follow up on my last post about optimizing graphics , I want to address a few ideas concerning the best image format for elearning graphics. When you create graphics for a course, do you save all of the images in the same format? However, you can use various image formats to optimize the graphics in your course. No image format does everything perfectly. You should choose the format based on the image’s characteristics. It’s a toss up between PNG and GIF.

This Week’s Tip: Export Images from Word Files

Intellezy

Did you know that Word’s DOCX file format is a glorified ZIP file? The older DOC format converts all images to RGB PNG files. Change the extension to ZIP, unzip it, and you’ll find all of the document’s original assets, including the images as individual files in a folder. More importantly, InDesign can access the original high-resolution images when you place a DOCX file, even if they’re CMYK.

PNG 40

PowerPoint 2010: Adjusting the Saturation for a Clip Art Image

The Logical Blog by IconLogic

Only files saved as PNG or JPG have options for adjusting color saturation from within PowerPoint. From the Picture Tools Format tab, choose Adjust > Color and adjust the saturation level. To change this, click the Save as Type  drop-down menu and select either JPG or PNG. by AJ Walther. In one of my recent Optimizing PowerPoint for eLearning & Presentations classes , I demonstrated how to adjust the saturation of an inserted image to take the image to grayscale.

How can I create a spotlight on a slide to highlight some information?

Yukon Learning

right-click> Format Shape >drag the transparency slider). Right click this selection to save as a picture (right-click> Save as Picture >PNG). Be sure to save as a PNG. Under the Format Picture tab, select Recolor > Set Transparent Color and then select the colored shape in your picture to remove this color.

PNG 66

How to Remove the Background From a Picture

TechSmith Camtasia

If you are using a screenshot or a PNG image, it will default to have a transparent background. If you are using a JPG or other file format, you’ll need to adjust your background color in the Snagit editor first or it will default to white rather than transparent. Step 5: Save your image as a PNG. If you don’t save your image as a PNG file it will default your background to white. The other day, I was working on a presentation.

Creating Transparent PNGs in PowerPoint

Integrated Learnings

This post will provide step-by-step instructions for how to create transparent graphics in PowerPoint and save them as a portable network graphic (PNG) file for use in an e-learning module. Now adjust the colors and formatting to create a white cloud. To do this, select the cloud and then make sure the Format tab is selected. Right click on the cloud and choose Shape Format. Now we need to get it out of PowerPoint and into a format we can use. by Jonathan Shoaf.

Creately Web Based Diagramming Tool

Moodle Journal

Upon completion diagrams can be exported in either png , jpeg or Creately format. A little bit of cross posting between my blogs here but if you have use for a diagramming tool and not come across Creately yet, then I think it is well worth paying a visit to the site. There are a number of pricing models available, including a free version that has plenty of features. The models available cover Business Diagrams, User Interface Design, Software, System, Network Diagrams and more.

Web 138

Batch Edit with Snagit’s Covert Images

TechSmith Camtasia

Using Convert Images you can change properties, size, and even the file format of a group of images all at once. For example, you could take a group of images and add a one pixel border to each, make the images 200×200 pixels and change the file format from JPG to PNG. Select an output directory if you wish, then choose the file format such as PNG, PSD, or BMP.

How to Remove the Background From an Image

TechSmith Camtasia

If you are using a screenshot or a PNG image, it will default to have a transparent background. If you are using a JPG or other file format, you’ll need to adjust your background color in the Snagit editor first or it will default to white rather than transparent. Step 5: Save your image as a PNG. If you don’t save your image as a PNG file it will default your background to white. The other day, I was working on a presentation.

E-learning Development: Selecting the Right Audio, Video, and Image Format

CommLab India

When developing an eLearning course using rapid authoring tools, you should know which format is supported by the tool to import audio files, videos, and images. If the tool does not support the image, video, or audio format you want to import, you will have to waste time converting them into the required format. So to get a clear picture, let’s see the various formats supported by Adobe Captivate 9, Articulate Storyline, and Lectora 16.

FLV 43

Editing Images with PowerPoint

Integrated Learnings

This can be accessed any time an image is selected under the “Picture Tool Format” tab on the Ribbon. Fortunately, you can also save an image in several different image formats. It’s even possible to save as a PNG with a transparent background. By Joseph Suarez. Sometimes an eLearning course needs to be enhanced with an image , but finding the right one can be a chore in itself. It’s frustrating to locate an image only to find it just isn’t quite right.

Images 161

Five Tips for Creating Graphics for Mobile Devices

Upside Learning

Image Formats: png should be your preferred format (as against.gif) as it has greater color depth and is fully lossless with variable transparency. While.gif format has either opaque or fully transparent pixels.png has up to 254 levels of partial transparent pixels allowing you to take advantage of alpha transparency. You can also create animations in Flash and convert that to video formats that the smart phones support.

Create 208

Adobe Captivate 2019 vs. SharePoint: The Issue is real.

Adobe Captivate

What is a JSON file format? Workarounds: Normally the SharePoint Administrator can configure the server to allow a MIME type to support JSON format. A thought is that the HTML5 publishing process generated so many loose file types to the dr folder that Adobe used the JSON format to store these files in a more efficient way. Also, there is the main imgmd file that stores png files, text captions, smartshapes, and etc.

Preventing Blurry Pictures: The Keys to Clear Images

TechSmith Camtasia

PNG vs JPG. Two of the most common formats: PNG vs JPG. The main benefits of JPG and PNG: JPG uses lossy compression, compromising some quality, but making the file size smaller and more easily shared. PNG files support transparency, and are lossless (necessary if there is still editing to be done on the file). You can read more on the difference between.JPG and.PNG files in the blog post: JPG vs. PNG: Which Should I Use?

Free medical images for eLearning

eLearningArt

Note that the icons are also in both PNG and EMF format, so you can ungroup and modify them. Who doesn’t like free? Medical stock photos are pretty popular in eLearning right now. So I thought it would be a good time to hook you guys up with some free images. You can download the images here.

Introducing Tech Tuesday toolbox

Mike Taylor

Open almost any image format like PSD (Photoshop), PXD, Jpeg, PNG (Transparent), webP, SVG and many more. Pick an existing quiz or create your own for review, formative assessment, and more. In my experience, most people love tech tips and tools.

Miro 63

Save time with e-Learning Images

eLearningArt

Use images formatted for e-Learning to reduce development time. “What are images formatted for e-Learning?” After the frustration of searching typical stock image sites, you are going to LOVE the power of the PNG. All of our characters are formatted for e-Learning in.png format with a transparent background. Note that this is only possible with PNG files. You will notice that they are in.png format. Hi there! My name is Art.

PNG 43

Get rid of White start screen with Black button (HTML output)

Adobe Captivate

I will take a screenshot of that slide while it is playing to save as a PNG (or other image format) and then hide the slide to avoid it to be included in output. png and edited to turn it into a full transparent image. Intro. This short blog post is meant to help solving an issue that pops up in the forums once in a while: “How to get rid of the white screen and Play button on mobile devices?”

HTML 48

Make a responsive splash screen with several pictures

Adobe Captivate

So replace your current picture by a picture that is 1px wide and high in a transparent format. Once your Captivate project is completely finished, publish it to the HTML5 format. png” That means: Mobile size: width:186px; height:350px. Once done replace the name of the “png” picture by yours.

PowerPoint 2008 for the Mac: Give a Presentation From Your iPod

The Logical Blog by IconLogic

Note: You have a choice of either JPEG or PNG from the Format drop-down menu. If you were posting images to the internet it might be in your best interest to choose PNG. by AJ George You want to pitch a sale to the CEO of a large company, Billy Bigshot. Problem is, Mr. Bigshot is, well, a bigshot. He has no time to meet with you or see your meticulous PowerPoint presentation projected up on a wall in his conference room.

iPod 116

Friday Finds: The Best of Learning, Design & Technology | September 11, 2020

Mike Taylor

Open almost any image format like PSD (Photoshop), PXD, Jpeg, PNG (Transparent), webP, SVG and many more. The best way to have good ideas is to have lots of ideas. Linus Paulding. I’m in the middle of preparing for a keynote about learning technology and could really use your help?

Miro 52

Technical Communications: Online Versus Paper

The Logical Blog by IconLogic

To use the images, you'll need to allow time to save the images as online versions (in jpeg or png format). by Tony Self    What is more effective, a print document or an online document? It wasn't all that long ago that print documents would definitely have been voted more effective, especially considering the poor quality of computer monitors and slow internet speeds. Remember trying to pull up a document on a modem?).

Create Your Own ClipArt

eLearningArt

You can easily create your own ClipArt in PowerPoint that can be saved as either PNG or vector (EMF) format. A simple — a simple thing you can do is save it as a PNG, just copy and pasting the picture, or as an EMF. Now we can format that, and you’ll see the line color, we had the transparency – I forgot to do that before and it messed up my EMF. But that’s going to be a PNG, you won’t be able to scale it all the way up. Synopsis.

A Simple Hack to get Beveled Edges for Shapes, Text Captions and Images

Adobe Captivate

Save as BMP or PNG. Use screen snap tool options to bevel the edges of images or use PowerPoint to insert an image into the slide and then use the Format tab to add the 3D bevel to the image. The Lack of Beveled Edges in Captivate: As of Captivate 2017.1 and until Adobe borrows some code from another group to make beveled edges, there is a simple hack to get this done for buttons, captions and shapes. All you need is PowerPoint and a screen snap tool.

How to Identify the Best eBook Conversion Services

Kitaboo

Multiple Input and Output Formats: Select a software where you can upload any file format and get your output in whichever format you might need. The different input formats include AZW, Adobe InDesign, HTML, text files, XML, etc. Whatever output format the software allows, ensure that it has an option to convert your file into ePUB format. This is because ePUB is a popular eBook format that works across most reading devices.

Create Your Own Microsoft ClipArt in PowerPoint 2

eLearningArt

Learn how to save ClipArt drawings from PowerPoint into the vector EMF format. A simple — a simple thing you can do is save it as a PNG, just copy and pasting the picture, or as an EMF. Now we can format that, and you’ll see the line color, we had the transparency – I forgot to do that before and it messed up my EMF. But that’s going to be a PNG, you won’t be able to scale it all the way up. Synopsis.

Snagit Update: Light Theme, Scrolling Capture and More

TechSmith Camtasia

This will allow you to quickly view all of your autosave captures and save them to common formats (PNG, JPG, etc.). For those of you who tuned in to our previous webcasts in April and in June, we promised that we would continue to listen to feedback and come out with new updates on a regular basis. We’re very excited to be releasing some of the features we’ve been teasing you with on all of our forums. Light vs. Dark: The Choice is Yours (Windows).

How to Edit SVG Graphics in PowerPoint

Rapid eLearning

In the format toolbar (or via right-click) select Convert to Shape. I like to save as a PNG file so that the transparent part of the image remains transparent. The good news is that now you can edit SVG images in PowerPoint. And that’s a big deal because we’re starting to see more SVG images every day. In fact, one of the sites where I buy images has the option to download SVG images. This is great because they can be edited and customized.

Badging and Certification with Learn Chef

Appsembler

An Open Badge image file (in PNG or SVG format) itself contains all of the data about my achievement, and anyone who obtains my badge file is able to verify that I earned that badge.

Newbies: More PowerPoint Hacks for Your Cp Project: Using PowerPoint Template Backgrounds in Your Captivate Master Slides

Adobe Captivate

Many are offered in a 16X9 format. (I I like using the PowerPoint backgrounds in my Cp projects. I don’t need the PowerPoint master slides, just the background image. Importing that PowerPoint background into my Captivate master slide applies the background to my title, content, quizzing, and all the other slides in the master slide series. There are a lot of nicely designed template backgrounds that come with PowerPoint.

JPG 46

How to Convert Flash to HTML5 at Scale

Hurix Digital

So, all the Flash-based videos, games, and websites on earth would have to be converted to another format for being accessible to netizens. For example, you might have video course content in.flv or.swf formats, which means that your courses use graphics, interactivities, and other Flash components. But if you don’t have access to the source files, or your course has less or no interactive elements, you can record the course to MP4 format.

Captivate capabilities question

Adobe Captivate

–What kind of art format is accepted (jpg, png, svg, ai etc). I’m a designer and brand consultant not using Captivate. I’ve been asked by the client to consult on the look of their Captivate learning modules. I’ve worked with Flash developers and HTML developers for a long time developing different types of modules, so I understand how various programs have their layout limitations.

Supercharging PowerPoint interactive presentations with VBA (Part 2)

BrightCarbon

Here are the steps to create your invisible shape: First make sure you’re using a shape for the icon that can be filled e.g. an SVG icon or a PowerPoint vector shape (a PNG/JPG picture won’t work). Right-click the rectangle and then click Format Shape… In the Format Shape pane, set the Fill / Transparency slider to 100% (don’t set it to No fill ) and set the Line to No Line.

JPG 40

A Simple Way to Build PowerPoint Graphics for Mobile Learning

Rapid eLearning

To save the slide as an image, go to Save As and choose an image format. I usually save in PNG format. In a previous post, I shared how I built an interactive scenario in Rise. I’ve gotten lots of emails asking how I built the graphics like the headers and the flashcard interactions for the interactive scenario. So in today’s post, I’m going to show you a simple way to build graphics for your Rise e-learning courses. Understanding the Image Blocks in Rise.

Create an Animated Title Clip Using PowerPoint & Camtasia Studio 8

TechSmith Camtasia

Double-click the background image to open the Format tab. With the image selected, on the Format tab, choose Picture Effects > Glow. With the frame selected, on the Format tab, choose Picture Effects > Glow. On the Format tab, choose Picture Effects > Glow. Format the Rectangle Shape. Double-click the shape to open the Format tab with the effects options. Save the image as a PNG file.

Best ePUB Readers for Android Users

Kitaboo

In today’s digitally inclined world of ePUB readers , ebook or electronic publication is one of the most popular file formats that is supported by a wide range of smartphones, tablets, and computers. Supports various other formats such as DOC, HTML, AZW3, FB2, RTF, and TEXT.