강의

멘토링

커뮤니티

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

92 learners

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

Reviews from Early Learners

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

160

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

  • askare님의 프로필 이미지
    askare

    Reviews 13

    Average Rating 5.0

    5

    67% enrolled

    실무에서 디자인, 운영, 개발 팀 협업 시, 꼭 필요한 핵심을 담아주셔서 유익해요!! 이런 실무에 필요한 핵심 강의 더 만들어 주시면 너무 좋을 것 같아요!! 1인 디자이너에게 큰 힘이 되는 강의입니다!! 강추해요!!

    • DX Lab
      Instructor

      안녕하세요 askare님 소중한 수강평 감사합니다. ☺️ 중요한 내용만 농축해서 전달하기 위해 노력했는데, 도움이 되었다니 정말 기쁩니다! 앞으로도 IT 실무에 바로 적용할 수 있는 컨텐츠를 계속 고민해보겠습니다. 오늘도 좋은 하루 보내세요! ☀️

  • 민경찬님의 프로필 이미지
    민경찬

    Reviews 2

    Average Rating 5.0

    5

    33% enrolled

    프로젝트에서 이미지 문제로 골치 아팠던 적이 참 많았습니다. 이미지를 가공하고 보여주는 등의 이미지 처리 문제들을 단순히 개발의 문제라고 생각했기 때문이었습니다. 강의를 보고나니 개념이 확실히 잡히네요. 강의를 통해 프로젝트에서 팀원과 어떻게 소통하고 어떻게 설계 해야할지 명확하게 이해됐습니다. 특히, 설명마다 이해를 위한 예시 이미지가 있어 너무 좋았습니다. 그림만봐도 어떤 상황을 설명해주실지 감이 올 정도로 영상 퀄리티가 너무 좋았습니다. 좋은 강의 감사드립니다.

    • DX Lab
      Instructor

      안녕하세요 민경찬님, 좋은 말씀 정말 감사합니다 🙏 강의 내용이 도움이 되셨다니 열심히 준비한 보람을 느낍니다. 특히 예시 이미지에 공을 많이 들였는데 알아봐주셔서 더욱 감사드립니다. 앞으로 더 좋은 컨텐츠로 찾아뵐 수 있도록 하겠습니다. 감사합니다 !

  • 정민주님의 프로필 이미지
    정민주

    Reviews 3

    Average Rating 5.0

    5

    33% enrolled

    • DX Lab
      Instructor

      안녕하세요. 정민주님! 소중한 수강평 감사합니다 :)

  • 신승헌님의 프로필 이미지
    신승헌

    Reviews 2

    Average Rating 5.0

    5

    67% enrolled

    기본적인 지식과 함께 설명해주셔서 처음 제품을 기획하는 사람에게도 좋은 강의가 될 것 같아요

    • DX Lab
      Instructor

      안녕하세요 신승헌님! 앞으로의 여정에 도움이 되었으면 좋겠습니다. 소중한 수강평 감사합니다. : )

  • 마술하는 프로그래머님의 프로필 이미지
    마술하는 프로그래머

    Reviews 1

    Average Rating 5.0

    5

    100% enrolled

    이미지 처리는 개발 현장에서도 상당히 골칫거리입니다. 이미지를 서버나 앱단에서 코드로 가공 및 처리 하는것은 상당히 골치아픕니다. 거기에 이미지 사이즈 이슈까지 겹치면 그거 처리하는거만 해도 최악의 경우 며칠 이상은 걸릴 수 있습니다. 이 강의는 코드로 가공처리 하는 내용을 다루는 기술 강의는 아니지만 개발 과정에서 발생할 수 있는 삽질을 줄이는데 도움을 줄 강의입니다. 이 강의는 이미지 처리에 대한 기술적인 내용을 다루는 강의는 아닙니다. 이미지 사이즈를 기획하는 방법론에 더 가까운 내용입니다. 개발자보다는 웹 디자이너나 기획자가 대상이라는 뜻입니다. 어렵고 무거운 강의는 아닙니다. 출퇴근 시간에 가볍게 들으면 괜찮을 강의입니다. 커피 한두잔 아낄 가치가 있습니다. 기획, 개발 간의 입장 사이에서 싸우는 비용을 줄일 수 있다면 오히려 더 이익으로 봐도 될것같습니다.

    • DX Lab
      Instructor

      안녕하세요 마술하는 프로그래머님! 지식공유자 입장에서의 극찬으로 느껴지는 상세한 수강평이네요. 앞으로 더 좋은 콘텐츠로 찾아뵐 수 있도록 하겠습니다. 소중한 수강평 감사합니다. : )

$7.70

DX Lab's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!