교육·강의

교사와 강사을 위한 웹사이트 이미지 최적화하기

수업 자료의 이미지는 교실 화면과 학생의 작은 기기에서 모두 글자와 도형이 선명해야 합니다. 실제 표시 크기보다 지나치게 큰 파일을 줄이고 사진은 WebP 또는 압축 JPG, 투명 그래픽은 PNG나 WebP를 비교하세요. 빔프로젝터와 학습관리시스템의 화면 비율과 업로드 제한을 함께 고려하세요.

01

이 작업에 맞는 추천 설정

표시 폭의 1~2배

고밀도 화면 대응

사진WebP 82~88%

속도와 품질 균형

투명 그래픽PNG·WebP

경계와 용량 비교

EXPECTED RESULT

페이지 로딩 부담이 낮고 다양한 화면에서 선명한 웹 이미지를 만들 수 있습니다. 자료 용량을 낮추면서 학습에 필요한 시각 정보를 분명하게 전달하는 것이 목표입니다.

02

순서대로 따라 하기

  1. 01

    교사와 강사의 최종 사용처를 정하고 레이아웃에서 이미지가 표시될 최대 폭을 확인합니다.

  2. 02

    해당 폭에 맞게 리사이즈하고 형식별 용량을 비교합니다.

  3. 03

    모바일 데이터 환경을 예상해 가장 가벼운 충분 품질을 선택합니다. 자료 용량을 낮추면서 학습에 필요한 시각 정보를 분명하게 전달하는 것이 목표입니다.

  4. 04

    웹 이미지 최적화에서 결과를 저장하고, 한 장의 대형 이미지는 모바일 페이지 로딩을 크게 늦출 수 있습니다. 빔프로젝터와 학습관리시스템의 화면 비율과 업로드 제한을 함께 고려하세요.

웹 이미지 최적화 시작하기 →
03

화질과 안전을 지키는 팁

웹페이지에서 이미지 대체 텍스트를 작성하세요.

학생 이름과 얼굴이 포함된 자료는 공개 범위를 확인하고 필요한 부분을 가리세요.

장식 이미지는 필요한 경우에만 사용하세요.

이 작업에서 특히 확인하세요

한 장의 대형 이미지는 모바일 페이지 로딩을 크게 늦출 수 있습니다. 빔프로젝터와 학습관리시스템의 화면 비율과 업로드 제한을 함께 고려하세요.

04

자주 묻는 질문

이미지가 FREE PIXEL 서버에 저장되나요?

아니요. 선택한 원본과 결과 파일은 현재 기기의 브라우저에서 처리되며 FREE PIXEL 서버로 업로드하지 않습니다.

여러 장도 한 번에 처리할 수 있나요?

도구에 따라 최대 30장까지 일괄 처리할 수 있습니다. 고해상도 파일이 많다면 기기 메모리를 고려해 묶음을 나누세요.

원본보다 화질이 좋아지나요?

형식 변환이나 압축은 원본에 없던 세부 정보를 만들지 않습니다. 작은 이미지를 키울 때는 2배·4배 업스케일 도구를 별도로 비교하세요.