구분 : 내비게이션
이미지 개선 테스트
등록일 : 2022-12-05
에디터 고도화 관련 
  1. 이미지 정렬 개별 제어 기능
    • 현재 : 이미지별 left, center, right 정렬 가능
    • 개선 : 이미지별 top, center, bottom 정렬 선택 가능하도록
      • 현재 height값이 서로 다른 이미지가 2개 이상 배치될 경우 top정렬되고 있음
        → 구체적인 이미지 배치 정렬 요건 확인 필요 (by HAE)
    비율 차이가 있는 이미지에 대한 웹 디스플레이 개선
    • 현재 : 이미지 원본 사이즈 그대로 표출되고 있음 (에디터에서 렌더링 사이즈 조절 불가)
      • 단, PC화면 1개 이미지 기준 최대 width는 약 833px까지 표출
        한 줄에 1개 일때와 2개 이상일때 디스플레이 형태 차이 있음 (현 내비업 공지사항 참고)
    • 개선 : 비율 차이가 있는 이미지는 PC or 모바일 화면에서 구분되도록 표출
                 ex) 표준형 5W vs 고급형 6세대 → 상대적으로 6세대가 더 wide함 (아래 샘플 참고)





텍스트 사이에 아이콘 이미지가 정상 표출되도록 개선
  1. 현재 : 리스트(ul, ol 처리된 텍스트 부분에만 표출 가능)
  2. carpay 이미지, 메뉴 이미지

  • 개선 : 모든 필요 영역/위치에 표출되도록 개선
    • 단, 반응형 이미지와 아이콘 이미지의 구분이 필요 (이미지별 class 지정해야할 가능성 有)

  • 캡션 위치 개선
    • 현재 : 상단에 위치
    • 개선 : 상단 or 하단 선택 가능하도록 
      • 큰 이슈가 없다면 단일 위치로 fix하는 것으로 협의 필요



  • 이미지 배열
    • 1 row 2 images

    “서울역을 경유지로 추가해 줘”
    “서울역을 경유지로 추가해 줘”
    “첫 번째”
    “첫 번째”
    표준형 5W세대  (원본 600x225)

    “서울역을 경유지로 추가해 줘”
    “서울역을 경유지로 추가해 줘”
    “첫 번째”
    “첫 번째”
    고급형 6세대 (원본 800x225)

    • 1 row 1 image

    표준형 5W세대 (원본 600x225)

    고급형 6세대 (원본 800x225)


  • 이미지 정렬(align) - 현재 left, middle, right만 가능
- 좌측

표준형 5W세대 (원본 600x225)

고급형 6세대 (원본 800x225)

- 우측
표준형 5W세대 (원본 600x225)

고급형 6세대 (원본 800x225)

 - 서로 다른 height 이미지 2개 한줄에 있을 경우