자료 참고 안내 1. 본 자료실의 모든 자료 저작권은 ㈜에이치앤에스에 있습니다.

본 자료는 개발하시는데 참고자료 용도로 사용하실 수 있으며 저작권 표시 없이 복사,게재, 출판 하실 수 없습니다. 외부 게재 사용 시 반드시 출처 항목에 회사명과 사이트 주소를 반드시 명시해 주시기 바랍니다.
[표기 예] 출처 : ㈜에이치앤에스(www.hnsts.co.kr) 또는 ㈜HNS(www.hnsts.co.kr)

2. 제품 개발 시 내용과 예제 코드는 수정 및 검증작업을 직접 하셔야 하며 문제 발생에 대한 책임은 ㈜HNS사와 무관합니다.

본사는 자료를 최신내용으로 유지하기 위해 노력하고 있으며 제공되는 정보의 오류 및 내용이 정확하지 않을 경우 사전 공지 없이 업데이트 될 수 있습니다. 자료의 문제점 발견 시 본사로 문의주시면 검토하여 자료를 수정하도록 하겠습니다.

[필독] 사용자 인터페이스(UI) 이미지 제작 및 변환 시 주의사항
작성일 2023-10-18 수정일 2023-10-27 조회수 236
분류 Trouble Shooting
적용
플랫폼
키워드 이미지, SmartImageChecker, 이미지 에러, ObjectDisposed, 예외 발생
첨부파일 TechNote81_Example.zip

본 자료는
1. 신규 이미지 제작 시 주의사항
2. 기존 이미지 변환 시 주의사항
3. SmartImageTester 및 SmartImageChecker 프로그램 사용 방법
순서로 진행합니다.

사용자 인터페이스(UI)에 적용될 이미지를 제작할 때는 반드시 Photoshop을 사용하여 작업해야 합니다. 다만 Photoshop 버전과 저장할 때의 설정 등에 대해서 아래의 내용을 반드시 확인 후 이미지를 제작하시기 바랍니다.
※ 본 내용은 SmartX Framework를 사용하지 않을 경우에도 해당하는 내용으로 IEC-Series에서 사용자 인터페이스(UI) 이미지를 작성할 경우 반드시 숙지하시기 바랍니다.


1. 신규 이미지 제작 시 주의사항

신규 이미지를 제작할 경우에는 아래의 DPI, Format Type, Photoshop 버전들을 확인하여 제작하지 않을 경우 임의의 시점에서 에러가 발생할 수 있기 때문에 반드시 권장 설정에 맞춰 이미지를 제작하시기 바랍니다.

[DPI] : 96dpi (필수)
[Format Type] : PNG (권장)
[Photoshop 버전] : Photoshop CS6(13.0), Photoshop CC 2014, Photoshop CC 2015 (필수)

DPI 및 Photoshop 버전을 권장 사항에 맞춰 제작하지 않을 경우 응용 프로그램 오류 및 Object Disposed Exception 등이 발생하게 됩니다.

connect
2. 기존 이미지 변환 시 주의사항

이미지를 제작할 때 Photoshop CS6(13.0), CC 2014, CC 2015 버전을 사용하지 않고 제작한 경우에는 권장 버전의 Photoshop을 사용하여 다시 저장하는 과정을 통해 에러 발생을 방지할 수 있습니다. 다만 다시 저장하여 버전을 변환하는 경우에는 반드시 Photoshop CS6(13.0) 버전을 사용해야 에러가 발생하지 않습니다. (Photoshop CC 2014, CC 2015의 경우에는 에러 발생 해결 불가)

이미지 변환 시 사용할 수 있는 Photoshop 버전 Photoshop CS6(13.0)
이미지 변환을 지원하지 않는 Photoshop 버전 Photoshop CC 2014, Photoshop CC 2015, Photoshop CC 2017, Photoshop CC 2018, Photoshop CC 2021 (그 외 이후 버전 포함)

Photoshop CS6(13.0) 버전의 경우 이전 버전의 Photoshop이기 때문에 해당 버전으로 이미지를 변환할 수 없는 경우에는 아래의 양식에 따라 내용을 작성한 뒤 E-Mail을 통해 변환할 이미지와 함께 보내주시면 이미지를 변환해드립니다.

이미지 변환 신청서
업체명 담당자
연락처 E-Mail
3. SmartImageTester 및 SmartImageChecker 프로그램 사용 방법

사용할 이미지 혹은 사용중인 이미지의 에러 발생 유무를 확인하기 위해서 SmartImageTester와 SmartImageChecker 프로그램을 제공하고 있습니다. SmartImageTester의 경우 실제 프로그램에서 이미지를 빠른 속도로 반복적으로 출력하여 에러 발생을 확인할 수 있는 프로그램이고 SmartImageChecker의 경우 원본 이미지 파일의 정보를 확인하여 설정된 DPI와 사용된 Photoshop 버전을 확인하여 에러 발생 유무를 확인합니다.

이미지 확인의 경우 두개의 프로그램 중 하나만 사용하는 것이 아닌 두개를 전부 사용하여 테스트하는 것을 권장 드리며, 앞으로 출시될 Photoshop 버전 등에 대해서는 완벽하게 필터링하지 못하기 때문에 참고해주시기 바랍니다.

SmartImageChecker 프로그램은 반드시 최신 버전을 사용하시기 바라며, 현재 최신 버전은 1.0.0.5 버전입니다. 최신 버전 및 업로드 날짜는 아래의 바로가기 링크를 통해 다운로드 페이지로 이동하여 확인하실 수 있습니다.

1) SmartImageChecker 사용 방법
우측의 바로가기 버튼을 클릭하면 SmartImageChecker 프로그램을 다운로드 받을 수 있는 페이지로 이동됩니다.
• 링크 : [SmartX 홈페이지(www.smartx.co.kr)] → [SmartImageChecker] → [SmartImageChecker 다운로드]
[STEP-1] SmartImageChecker 프로그램 실행
connect
[STEP-2] [Select Path] 버튼을 클릭해 검사할 원본 이미지가 있는 폴더를 선택
connect
[STEP-3] [Check Start] 버튼을 클릭해 올바른 이미지 형식인지 확인
connect
2) SmartImageTester 사용 방법
주의이미지 크기(가로X세로)가 400 이하, 5353 이상인 이미지는 에러가 검출되지 않기 때문에 검사 대상에서 자동으로 제외됩니다. 그렇기 때문에 반드시 SmartImageChecker 프로그램과 함께 사용하여 Cross Check하시기 바랍니다.
[STEP-1] 에러가 발생하는 프로그램에 사용한 모든 이미지를 SD Card / Flash Disk / USB Memory 중 한곳에 Image 폴더를 생성 후 해당 위치에 이미지를 복사 (※ 폴더 이름은 반드시 Image로 생성하시기 바랍니다.)
connect
[STEP-2] SD Card 혹은 USB Memory의 경우 IEC-Series 제품에 연결
connect
[STEP-3] SmartImageTester 프로그램 실행
connect
[STEP-4] [Select Path] 버튼을 클릭하여 이미지가 있는 경로를 선택 후 [OK] 버튼 클릭
connect
[STEP-5] [Start] 버튼을 클릭하면 경로에 있는 모든 이미지에 대한 Image Test를 시작합니다.

※ 이미지 크기(가로X세로)가 400 이하, 5353 이상인 이미지는 에러가 검출되지 않기 때문에 검사 대상에서 자동으로 제외됩니다. 그렇기 때문에 반드시 SmartImageChecker 프로그램과 함께 사용하시기 바랍니다.

connect
[STEP-6] 비권장 방식으로 제작된 이미지가 있는 경우 프로그램에서 예외를 발생시킵니다.
connect
3) SmartPictureBox에서의 이미지 출력 방법에 따른 에러 발생 유무

SmartPictureBox에는 이미지를 ImageList에 저장하여 출력하는 방식과 저장하지 않고 이미지의 인스턴싱을 통해 이미지를 출력하는 방법 두가지가 있습니다. 두가지의 출력 방식에서 에러 발생에 대한 차이점이 있습니다.

[CASE-1] 이미지를 ImageList에 저장하여 출력하는 방식

이미지를 ImageList에 저장하여 출력하는 방식의 경우 ImageList에 이미지를 추가하는 과정에서 한번만 인스턴싱을 진행하기 때문에 비교적 이미지 에러의 발생하는 시점이 느리다는 점이 특징입니다. 다만 이와 같은 경우 추후 프로그램 동작 중 임의의 시점에서 에러가 발생할 가능성이 높기 때문에 반드시 SmartImageTester를 사용하여 에러 이미지 확인을 진행하시기 바랍니다.

private void btnStart_Click(object sender, EventArgs e)
{
smartPictureBox1.AddImageList("SD Card\\Image\\TestImage_1.png");
smartPictureBox1.AddImageList("SD Card\\Image\\TestImage_2.png");
smartPictureBox1.AddImageList("SD Card\\Image\\TestImage_3.png");
smartPictureBox1.AddImageList("SD Card\\Image\\TestImage_4.png");
smartTimer1.Start();
}

private void smartTimer1_Tick(object sender, EventArgs e)
{
smartPictureBox1.DrawNext();
}

[CASE-2] 이미지를 출력 시 인스턴싱하여 출력하는 방식

Image 속성에 이미지를 적용하여 이미지를 출력하기 위해 출력할 이미지를 출력하는 시점에서 항상 인스턴싱을 진행하기 때문에 비교적 이미지 에러가 빠르게 발생합니다. 이미지를 반복적으로 변경하는 경우에는 [CASE-1]과 같은 방법이 적합하지만 에러 이미지를 확인하기 위해서는 에러가 빠르게 발생하는 [CASE-2]와 같은 방법을 사용하는 것이 좋습니다. SmartImageTester의 경우 에러 이미지가 있는 경우 [CASE-2]의 방식을 사용하여 최대한 빠르게 에러를 발생시켜 에러 이미지 유무를 확인할 수 있도록 제작되었습니다.

private List<string> m_lstTestImagePathG1 = new List<string>();
private int m_iImageCountG1;

private void btnStart_Click(object sender, EventArgs e)
{
m_lstTestImagePathG1.Add("SD Card\\Image\\TestImage_1.png");
m_lstTestImagePathG1.Add("SD Card\\Image\\TestImage_2.png");
m_lstTestImagePathG1.Add("SD Card\\Image\\TestImage_3.png");
m_lstTestImagePathG1.Add("SD Card\\Image\\TestImage_4.png");
smartTimer1.Start();
}

private void smartTimer1_Tick(object sender, EventArgs e)
{
smartPictureBox1.Image = new Bitmap(m_lstTestImagePathG1[m_iImageCountG1]);
m_iImageCountG1++;
if (m_iImageCountG1 >= m_lstTestImagePathG1.Count)
{
m_iImageCountG1 = 0;
}
}

맨 위로
팝업닫기

(주)에이치앤에스('http://hnsts.co.kr/'이하 '(주)에이치앤에스 웹사이트')는 개인정보보호법에 따라 이용자의 개인정보 보호 및 권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 처리방침을 두고 있습니다.

(주)에이치앤에스 웹사이트는 개인정보처리방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.

○ 본 방침은 2011년 4월 1일부터 시행됩니다.

1. 개인정보의 처리 목적 (주)에이치앤에스 웹사이트는 개인정보를 다음의 목적을 위해 처리합니다. 처리한 개인정보는 다음의 목적 이외의 용도로는
사용되지 않으며 이용 목적이 변경될 시에는 사전동의를 구할 예정 입니다.
가. 민원사무 처리
민원인의 신원 확인, 민원사항 확인, 사실조사를 위한 연락 · 통지, 처리결과 통보 등을 목적으로 개인정보를 처리합니다.
2. 개인정보 파일 현황
1. 개인정보 파일명 : 고객의 소리
  • - 개인정보 항목 : 이메일, 휴대전화번호, 자택전화번호, 이름, 서비스 이용 기록, 접속 로그, 쿠키, 접속 IP 정보
  • - 수집방법 : 웹사이트
  • - 보유근거 : 이용자 동의
  • - 보유기간 : 3년
3. 개인정보의 제3자 제공에 관한 사항
① (주)에이치앤에스 웹사이트는 원칙적으로 이용자의 개인정보를 제1조에서 명시한 목적 범위 내에서 처리하며, 본래의 범위를 초과하여 처리하거나 제3자에게 제공하지 않습니다.
다만, 다음의 경우에는 개인정보를 제3자에게 제공할 수 있습니다.
  • – 이용자가 사전에 제3자 제공 및 공개에 동의한 경우
  • – 법령 등에 의해 제공이 요구되는 경우
  • – 서비스의 제공에 관한 계약의 이행을 위하여 필요한 개인정보로서 경제적/기술적인 사유로 통상의 동의를 받는 것이 현저히 곤란한 경우
  • – 개인을 식별하기에 특정할 수 없는 상태로 가공하여 이용하는 경우
4. 정보주체의 권리,의무 및 그 행사방법 이용자는 개인정보주체로서 다음과 같은 권리를 행사할 수 있습니다.
① 정보주체는 (주)에이치앤에스 웹사이트에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.
  • 1. 개인정보 열람요구
  • 2. 오류 등이 있을 경우 정정 요구
  • 3. 삭제요구
  • 4. 처리정지 요구
② 제1항에 따른 권리 행사는 (주)에이치앤에스 웹사이트에 대해 개인정보 보호법 시행규칙 별지 제8호 서식에 따라 서면, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 (주)에이치앤에스 웹사이트는
이에 대해 지체 없이 조치하겠습니다.
③ 정보주체가 개인정보의 오류 등에 대한 정정 또는 삭제를 요구한 경우에는 (주)에이치앤에스 웹사이트는 정정 또는 삭제를 완료할 때까지 당해 개인정보를 이용하거나 제공하지 않습니다.
④ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을
제출하셔야 합니다.
5. 제3자에게의 개인정보 제공
① (주)에이치앤에스 웹사이트는 다음의 개인정보 항목을 처리하고 있습니다.
<민원사무 처리>
– 필수항목 : 이름, 휴대전화번호, 자택전화번호, 이메일, 서비스 이용 기록, 접속로그, 쿠키, 접속IP 정보
6. 개인정보의 파기
(주)에이치앤에스 웹사이트는 원칙적으로 개인정보 처리목적이 달성된 경우에는 지체없이 해당 개인정보를 파기합니다. 파기의 절차, 기한 및 방법은 다음과 같습니다.
  • –파기절차 이용자가 입력한 정보는 목적 달성 후 별도의 DB에 옮겨져(종이의 경우 별도의 서류) 내부 방침 및 기타 관련 법령에 따라 일정기간 저장된 후 혹은 즉시 파기됩니다. 이 때, DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 다른 목적으로 이용되지 않습니다.-파기기한이용자의 개인정보는 개인정보의 보유기간이 경과된 경우에는 보유기간의 종료일로부터 5일 이내에, 개인정보의 처리 목적 달성, 해당 서비스의 폐지, 사업의 종료 등 그 개인정보가 불필요하게 되었을 때에는 개인정보의 처리가 불필요한 것으로 인정되는 날로부터 5일 이내에 그 개인정보를 파기합니다.
  • –파기방법 전자적 파일 형태의 정보는 기록을 재생할 수 없는 기술적 방법을 사용합니다. 종이에 출력된 개인정보는 분쇄기로 분쇄하거나 소각을 통하여 파기합니다.
7. 개인정보의 안전성 확보 조치
(주)에이치앤에스 웹사이트는 개인정보보호법 제29조에 따라 다음과 같이 안전성 확보에 필요한 기술적/관리적 및 물리적 조치를 하고 있습니다.
1. 정기적인 자체 감사 실시
개인정보 취급 관련 안정성 확보를 위해 정기적(분기 1회)으로 자체 감사를 실시하고 있습니다.
2. 개인정보 취급 직원의 최소화 및 교육
개인정보를 취급하는 직원을 지정하고 담당자에 한정시켜 최소화 하여 개인정보를 관리하는 대책을 시행하고 있습니다.
3. 내부관리계획의 수립 및 시행
개인정보의 안전한 처리를 위하여 내부관리계획을 수립하고 시행하고 있습니다.
4. 해킹 등에 대비한 기술적 대책
(주)에이치앤에스 웹사이트는 해킹이나 컴퓨터 바이러스 등에 의한 개인정보 유출 및 훼손을 막기 위하여 보안프로그램을 설치하고 주기적인 갱신·점검을 하며 외부로부터 접근이 통제된 구역에
시스템을 설치하고 기술적/물리적으로 감시 및 차단하고 있습니다.
5. 개인정보의 암호화
이용자의 개인정보는 비밀번호는 암호화 되어 저장 및 관리되고 있어, 본인만이 알 수 있으며 중요한 데이터는 파일 및 전송 데이터를 암호화 하거나 파일 잠금 기능을 사용하는 등의
별도 보안기능을 사용하고 있습니다.
6. 접속기록의 보관 및 위변조 방지
개인정보처리시스템에 접속한 기록을 최소 6개월 이상 보관, 관리하고 있으며, 접속 기록이 위변조 및 도난, 분실되지 않도록 보안기능 사용하고 있습니다.
7. 개인정보에 대한 접근 제한
개인정보를 처리하는 데이터베이스시스템에 대한 접근권한의 부여,변경,말소를 통하여 개인정보에 대한 접근통제를 위하여 필요한 조치를 하고 있으며 침입차단시스템을 이용하여
외부로부터의 무단 접근을 통제하고 있습니다.
8. 문서보안을 위한 잠금장치 사용
개인정보가 포함된 서류, 보조저장매체 등을 잠금장치가 있는 안전한 장소에 보관하고 있습니다.
9. 비인가자에 대한 출입 통제
개인정보를 보관하고 있는 물리적 보관 장소를 별도로 두고 이에 대해 출입통제 절차를 수립, 운영하고 있습니다.
8. 개인정보 보호책임자 작성
① (주)에이치앤에스 웹사이트는 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를
지정하고 있습니다.
▶ 개인정보 보호책임자
성명 : 김진효
소속 : (주)에이치앤에스
전화번호 : 02-6402-8001
이메일 : hns@hnsts.co.kr
② 정보주체께서는 (주)에이치앤에스 웹사이트의 서비스(또는 사업)을 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및
담당부서로 문의하실 수 있습니다. (주)에이치앤에스 웹사이트는 정보주체의 문의에 대해 지체 없이 답변 및 처리해드릴 것입니다.
9. 개인정보침해 구제방법
정보주체는 개인정보침해로부터 구제받고자 하는 경우 다음과 같은 기관에 도움을 요청할 수 있습니다.
▶ 개인정보 침해신고센터 (한국인터넷진흥원 운영)
– 소관업무 : 개인정보 침해사실 신고, 상담 신청
– 홈페이지 : privacy.kisa.or.kr
– 전화 : (국번없이) 118
– 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터
▶ 개인정보 분쟁조정위원회 (한국인터넷진흥원 운영)
– 홈페이지 : privacy.kisa.or.kr
– 전화 : (국번없이) 118
– 주소 : (138-950) 서울시 송파구 중대로 135 한국인터넷진흥원 개인정보침해신고센터
10. 개인정보 처리방침 변경
① 이 개인정보처리방침은 시행일로부터 적용되며, 법령 및 방침에 따른 변경내용의 추가, 삭제 및 정정이 있는 경우에는 변경사항의 시행 7일 전부터 공지사항을 통하여 고지할
것입니다.
팝업닫기

본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의 기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반시 정보통신망법에 의해 형사처벌됨을 유념하시기 바랍니다.

게시일 : 2011.4.1