강의

멘토링

커뮤니티

Design

/

UI/UX

Image Processing Guide That's Easy to Miss When Creating Products

Are images acting up again? Pixelation, partial cropping, distortion, loading delays, multi-platform compatibility issues, etc. are actually design issues. Image issues, prevent them early on.

(5.0) 15 reviews

100 learners

Level Beginner

Course period Unlimited

  • DX Lab
Web Design
Web Design
software-design
software-design
ui
ui
UX Planning
UX Planning
product design
product design
Web Design
Web Design
software-design
software-design
ui
ui
UX Planning
UX Planning
product design
product design

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

askare

67% enrolled

This is so beneficial as it contains the essential core elements needed for collaboration between design, operations, and development teams in real work situations!! It would be amazing if you could create more core lectures like this that are needed for practical work!! This is a lecture that gives great strength to solo designers!! Highly recommend!!

5.0

민경찬

33% enrolled

I've had so many headaches with image issues in projects. I used to think image processing problems like processing and displaying images were simply development issues. After watching the lecture, the concepts are now crystal clear. Through the lecture, I clearly understood how to communicate with team members and how to design in projects. In particular, having example images for understanding with each explanation was fantastic. The video quality was so good that I could get a sense of what situation you were going to explain just by looking at the pictures. Thank you for the great lecture.

5.0

신승헌

67% enrolled

It seems like it would be a good lecture for people planning their first product, as you explained it along with basic knowledge.

What you will gain after the course

  • I can understand the causes and consequences of image issues.

  • You can understand the image upload flow and respond proactively.

  • You can set the ratio, resolution, and format that suit the service.

  • I can understand the structure where the server/CDN automatically handles resizing.

  • You can set image resolution separation standards by usage.

Image issues can be prevented from the beginning.

For many products, image issues always surface late.

The ratio is off, the resolution is broken, it loads slowly, and it costs more.

The reason for this is mostly due to the lack of an image policy .

This lecture will provide strategies to prevent these problems in advance .

About user image upload settings , resolution separation by purpose , ratio/format settings, etc.

Let's learn about it together step by step from now on.

Are you having these concerns?

I recommend this course!


The agonizing designer

'How large should the image area be?'


Tired Developer

‘No more repetitive QA…!’


Anxious Planner

‘If we do this, the schedule will be delayed again…’

After class

You can predict and prevent image issues that arise in practice in advance .

The image standards between planning, design, and development are clear, reducing collaborative conflicts.

Control the quality of user-uploaded images, improving service stability and user experience .

Optimize service performance and costs by reducing operational issues such as traffic waste and loading delays.

Designed to display images without distortion on various devices , multi-platform responsiveness is enhanced .

Lecture Features

Content structure that all occupations can understand

  • Addresses image issues from a systems perspective that is relevant to the entire team.

  • It is structured so that anyone, whether a planner, designer, or developer, can apply it to their work.

  • However, there is no practical training such as development processing or design work.

  • Let's figure out the cause and talk about the approach and method.

Provide specific solutions

  • Structurally describes a CDN resizing strategy for supporting multiple resolutions/devices.

  • From traffic optimization to image quality improvement and UX enhancement . We solve image problems from a system perspective.

Clear explanations and animations that even beginners can understand.

  • Intuitive explanations, diagrams, and animations make concepts easy to understand.

  • It also includes subtitles within the video.

🙆 We provide class materials.

🙅 I deal with image processing, but I don't do any development processing myself.

Learn about these things.

Set image ratio

Understand the meaning and context of frequently used ratios such as 1:1, 4:3, and 16:9. Learn examples of image ratios that correspond to the device environment.

Set resolution and file size

Learn about appropriate resolution standards and file formats (JPG, PNG, WebP, etc.). Learn image optimization strategies that reduce traffic while maintaining image quality, including image processing.

Image upload flow diagram

Understand step-by-step what steps a user actually goes through when uploading an image using the upload flow diagram.

Separate image resolution by purpose

Learn the process of dividing a single user-uploaded image into categories by purpose.


People who created this course

1 current front-end developer & 1 UI designer

Things to note before taking the class

Practice environment

There is no hands-on training. The course focuses on identifying problems and learning how to approach them.

Learning Materials

3 PDFs, 1 PNG

Player Knowledge and Notes

It is structured so that it can be understood even without a design/development/planning background.

Recommended for
these people

Who is this course right for?

  • A planner who wants to prevent schedule delays due to image issues.

  • A designer with ambiguous standards regarding image aspect ratio, resolution, etc.

  • Developer looking to reduce repetitive image edits.

  • Those with other image issues

Need to know before starting?

  • Not at all. It's designed for understanding, regardless of design/development/planning background.

Hello
This is

179

Learners

23

Reviews

3

Answers

5.0

Rating

2

Courses

I believe that easy-to-understand content is good content.
I focus on creating high-quality content that is directly helpful for practical work.
I feel great joy whenever I receive feedback that my content is helpful in the field.

DX Lab Official YouTube
🅱
DX Lab Design Blog

Curriculum

All

9 lectures ∙ (38min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

15 reviews

5.0

15 reviews

  • askare6904님의 프로필 이미지
    askare6904

    Reviews 14

    Average Rating 5.0

    5

    67% enrolled

    This is so beneficial as it contains the essential core elements needed for collaboration between design, operations, and development teams in real work situations!! It would be amazing if you could create more core lectures like this that are needed for practical work!! This is a lecture that gives great strength to solo designers!! Highly recommend!!

    • dxlab
      Instructor

      Hello askare, thank you for your valuable course review. ☺️ I made an effort to condense and deliver only the important content, and I'm truly happy to hear that it was helpful! I will continue to think about creating content that can be directly applied to IT work. Have a great day today! ☀️

  • sidejump20438님의 프로필 이미지
    sidejump20438

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    • jochong님의 프로필 이미지
      jochong

      Reviews 2

      Average Rating 5.0

      5

      33% enrolled

      I've had so many headaches with image issues in projects. I used to think image processing problems like processing and displaying images were simply development issues. After watching the lecture, the concepts are now crystal clear. Through the lecture, I clearly understood how to communicate with team members and how to design in projects. In particular, having example images for understanding with each explanation was fantastic. The video quality was so good that I could get a sense of what situation you were going to explain just by looking at the pictures. Thank you for the great lecture.

      • dxlab
        Instructor

        Hello Min Kyungchan, thank you so much for your kind words 🙏 I feel rewarded for all the hard work I put into preparing the course knowing that the content was helpful to you. I put a lot of effort into the example images especially, so I'm even more grateful that you noticed. I will continue to bring you even better content in the future. Thank you!

    • mnevermore11224566님의 프로필 이미지
      mnevermore11224566

      Reviews 3

      Average Rating 5.0

      5

      33% enrolled

      • dxlab
        Instructor

        Hello. Jeong Min-ju! Thank you for your valuable course review :)

    • singsinghong님의 프로필 이미지
      singsinghong

      Reviews 3

      Average Rating 5.0

      5

      67% enrolled

      It seems like it would be a good lecture for people planning their first product, as you explained it along with basic knowledge.

      • dxlab
        Instructor

        Hello Shin Seung-heon! I hope this helps you on your journey ahead. Thank you for your valuable course review. : )

    $23.10

    DX Lab's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!