해당 포스팅은 사이드 프로젝트 진행 중 겪은 크고 작은 이슈들에 대한 기록입니다.

• 관련 포스팅 1

버그 발견!!

• 이미지 리사이징을 적용한 후 중대한 버그를 발견하게 되었다.

• png 타입의 이미지를 등록하는 경우 이렇게 이미지가 깨져버린다. (S3에 보면 0B로 용량도 없음)

• jpg의 타입을 등록하면 정상적으로 동작하는데 해결을 한 지금 시점까지도 사실 정확한 버그 이유와 해결 방법을 알지 못한다.

• StackOverFlow 참고

  public static MultipartFile getResizedMultipartFile(MultipartFile multipartFile, String originalFileName) throws IOException {
          final int TARGET_IMAGE_WIDTH = 450;
          final int TARGET_IMAGE_HEIGHT = 450;
          final String IMAGE_TYPE = "jpg";
  
          BufferedImage bi = ImageIO.read(multipartFile.getInputStream());
          bi = resizeImages(bi, TARGET_IMAGE_WIDTH, TARGET_IMAGE_HEIGHT);
  
          ByteArrayOutputStream baos = new ByteArrayOutputStream();
          boolean check = ImageIO.write(bi, IMAGE_TYPE, baos);
  
          log.info("check={}",check);
  
          baos.flush();
  
          return new CustomMultipartFile(baos.toByteArray(), multipartFile.getName(), originalFileName, "image/*", false, baos.toByteArray().length);
      }

• 위의 게시글과 기존의 내 코드를 따르면 ImageIO에서 wrtie 타입을 jpg로 설정해줬다. 하지만 OpenJDK가 JPEG Encoder를 지원하지 않기 때문에 png 파일을 입력받으면 동작하지 않는다고 한다.

• ImageIO.write의 결괏값이 false로 나옴

• 이를 해결하기 위해 새로운 BufferedImage의 imageType을 변경하여 만들어도 보는 등 다양한 방식을 시도해봤으나 그냥 검은색 이미지가 만들어지거나 색이 흑백으로 나오는 등 문제가 많았다.

• 시행착오 끝에 선택한 해결법은 ImageIo.wrtie를 하는 시점에 IMAGE_TYPE을 png로 설정하는 것이었다.

  public static MultipartFile getResizedMultipartFile(MultipartFile multipartFile, String originalFileName) throws IOException {
          final int TARGET_IMAGE_WIDTH = 450;
          final int TARGET_IMAGE_HEIGHT = 450;
          final String IMAGE_TYPE = "png";              // 달라진 부분
  
          BufferedImage bi = ImageIO.read(multipartFile.getInputStream());
          bi = resizeImages(bi, TARGET_IMAGE_WIDTH, TARGET_IMAGE_HEIGHT);
  
          ByteArrayOutputStream baos = new ByteArrayOutputStream();
          boolean check = ImageIO.write(bi, IMAGE_TYPE, baos);
  
          log.info("check={}",check);
  
          baos.flush();
  
          return new CustomMultipartFile(baos.toByteArray(), multipartFile.getName(), originalFileName, "image/*", false, baos.toByteArray().length);
      }

• 결괏값이 true로 나옴

결론

• 이 문제는 내부적인 Image 처리 방법과 PNG와 JPG의 차이같은 이미지 파일별 특징 및 차이를 파악해야 확실하게 이해가 가능할 것 같습니다.
• 또한, IMAGE_TYPE을 png로 설정하였다는 이유 만으로 왜 모든 이미지에 대한 처리가 해결되는지 의문점이 크게 남았습니다.
• 현재 제 프로젝트에서 png를 사용하나 jpg를 사용하나 아무런 문제가 없고 새로운 BufferedImage를 생성하여 이를 jpg로 변환하여 업로드하는 과정보다 그냥 java의 png encoder를 활용하여 png, jpg 둘 다 처리할 수 있는 최종적인 해결법이 가장 적절하다고 생각하여 이를 사용하여 버그를 해결하였습니다.