강의

멘토링

로드맵

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) 14 reviews

86 learners

  • DX Lab
이론 중심
프로덕트
UI/UX
이미지이슈
멀티플랫폼
Web Design
software-design
ui
UX Planning
product design

Reviews from Early Learners

What you will learn!

  • 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

148

Learners

22

Reviews

2

Answers

5.0

Rating

2

Courses

저는 이해하기 쉬운 컨텐츠가 좋은 컨텐츠라고 믿습니다.
실무에 직접적으로 도움이 되는 좋은 컨텐츠를 만드는 데 주력하고 있어요.
제가 만든 컨텐츠가 실무에 도움이 된다는 피드백을 받을 때마다 큰 기쁨을 느낍니다.

 

DX Lab 공식 유튜브
🅱
DX Lab 디자인 블로그

Curriculum

All

9 lectures ∙ (38min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

14 reviews

5.0

14 reviews

  • askare6904님의 프로필 이미지
    askare6904

    Reviews 11

    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! ☀️

  • 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 2

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

  • kwondroid님의 프로필 이미지
    kwondroid

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    Image processing is quite a headache in development environments as well. Processing and handling images with code on the server or app side is quite troublesome. When image size issues are added on top of that, handling just that alone could take several days or more in the worst case. This lecture is not a technical lecture covering code-based processing, but it will help reduce the trial and error that can occur during development. This lecture does not cover technical content about image processing. It's more like a methodology for planning image sizes. This means the target audience is web designers or planners rather than developers. It's not a difficult or heavy lecture. It's fine to listen to it lightly during commuting hours. It's worth saving a cup or two of coffee. If it can reduce the cost of fighting between planning and development perspectives, it might even be considered more profitable.

    • dxlab
      Instructor

      Hello, 마술하는 프로그래머님! This is a detailed review that feels like high praise from the perspective of a knowledge sharer. We will strive to come back with even better content in the future. Thank you for your valuable review. : )

$7.70

DX Lab's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!