Format choice should follow the image content, not habit. When a course card uses a natural photo, JPG can retain convincing detail at a practical size; when it uses flat icons and sharp geometric edges, PNG may look cleaner. This Udemy course image format comparison also explains why composition and mobile cropping matter more than the file extension alone.
Format decision table
| Format or source | Good use | Main risk | Best action |
|---|---|---|---|
| JPG/JPEG | Photography, people, textured scenes, soft gradients | Artifacts around edges after strong or repeated compression | Export once at a quality that preserves the focal subject. |
| PNG | Flat graphics, icons, diagrams, hard edges | Larger files; unnecessary alpha data | Use clean RGB output and inspect fine boundaries. |
| WebP | Efficient web copy outside the Udemy uploader | Not listed in Udemy's current course-image formats | Convert the upload copy to JPG or PNG unless the dashboard explicitly accepts WebP. |
| GIF or BMP | Technically listed by Udemy | Animation uncertainty, limited colors, or inefficient size | Prefer a predictable still JPG or PNG unless you have a specific verified need. |
| Layered/vector master | Editing, recropping, future updates | Not a marketplace delivery file | Keep it separate and export a flattened upload copy. |
When JPG makes sense
Choose JPG for a photo-heavy design: an instructor demonstrating equipment, a landscape related to travel, or a realistic workplace scene. The image should still use one dominant subject; saving a cluttered collage as JPG does not make the collage easier to understand.
Adjust quality while viewing the focal subject at both 100% and course-card size. Stop when facial detail, product edges, or background gradients begin to break apart. Every new save should come from the clean master, not the previous JPG.
When PNG makes sense
PNG is a reasonable Udemy course format choice for a simple illustration, large software icon, flat background, or crisp diagram. It avoids the block and halo artifacts that JPG can introduce around high-contrast shapes.
Transparency is usually unnecessary for a full course image, because the card needs a deliberate background. Flatten accidental transparency against the intended background and confirm the file uses RGB rather than a print-oriented CMYK workflow.
Why the master and upload copy must stay separate
The master may contain layers, vector objects, masks, and a larger source photograph. The upload copy is a disposable output built for Udemy. Keeping them separate lets you move the subject when mobile cropping changes, replace licensed material, or create a new unique image for another course without enlarging a compressed file.
Composition decides whether compression succeeds
Compression protects a good design; it does not create one. A clear comparison of Udemy course images should assess the same focal subject, crop, and dimensions in both formats. Otherwise, you are comparing different designs rather than different encoders.
- Background: support the subject without repeating or hiding it.
- Contrast: separate the important shape without harsh outlines.
- Safe margins: keep the concept inside Udemy's published content-safe area.
- Hierarchy: one subject first, supporting detail second.
- Text: omit course-title wording; Udemy handles it in the card interface.
Special cases: screenshots and text-heavy designs
A screenshot-based course image is strongest when it shows one recognizable output, not an entire desktop. Crop away menus and irrelevant panels, then check whether the remaining feature still identifies the subject in a marketplace card.
For text-heavy source designs, rebuild rather than shrink. Udemy generally prohibits textual information such as the course name in the image, and tiny words would be unreadable anyway. Replace the wording with an object, action, or simple visual metaphor.
Before-export checklist
- Confirm the current accepted formats and dimensions.
- Check that the image is unique to this course and relevant to its topic.
- Keep the focal point inside the official safe area.
- Remove course-title text and unnecessary logos.
- Export from the master in RGB.
- Compare at full size, card size, and mobile-crop size.
Final format summary
Use JPG for photo-led artwork and PNG for clean flat graphics, but let the actual preview decide. WebP is not in Udemy's course-image formats, so convert it unless the live uploader says otherwise.
Udemy image format questions
JPG usually suits photographs; PNG often suits flat graphics and crisp edges. Compare the same design at course-card size and keep the cleanest supported result.
Udemy's current course-image standards list JPG, JPEG, GIF, BMP, and PNG, not WebP. Convert to a listed format unless the current instructor uploader explicitly states otherwise.
No. Keep the high-resolution or editable master. It is the safest basis for future recrops, policy updates, and quality repairs.
