window.addEventListener(‘message’, function (event) {
if (!event.data || event.data.type !== ‘resize’) return;

const iframe = document.getElementById(‘lovable-frame’);
if (iframe && typeof event.data.height === “number”) {
iframe.style.height = event.data.height + “px”;
}
});

ICO를 PNG로 왜 변환해야 하나요?

ICO(아이콘) 파일은 일반적으로 파비콘과 데스크톱 애플리케이션에 사용되지만, 특정 사용 사례 외에는 널리 지원되지 않습니다. 반면 PNG는 높은 품질을 유지하고 투명성을 지원하며 모든 브라우저, 플랫폼 및 그래픽 도구에서 작동하는 범용 이미지 형식입니다.

ICO를 PNG로 변환하면 현대적인 웹사이트, 디자인 프로젝트, 모바일 앱 및 문서에 아이콘을 다시 사용하기가 더 쉽습니다.

PNG 형식 사용의 주요 이점

• ✅ 범용 호환성 – PNG는 모든 주요 웹 브라우저, 디자인 도구 및 운영 체제에서 지원됩니다.

• ✅ 투명성 유지 – ICO 파일에는 종종 투명성이 포함되며, PNG도 이를 완벽하게 유지합니다.

• ✅ 편리한 편집 및 공유 – PNG 파일은 모든 이미지 편집기를 사용하여 쉽게 자르기, 크기 조정 및 최적화할 수 있습니다.

도구 사용 방법

1. .ICO 파일 업로드
   “ICO 파일 선택”을 클릭하거나 업로드 상자에 파일을 끌어다 놓습니다.

2. 자동 변환
   도구는 ICO를 즉시 높은 해상도의 PNG로 변환합니다.

3. PNG 다운로드
   처리되면 새 이미지를 저장하려면 PNG 다운로드 버튼을 클릭합니다.

4. どこ에서나 사용
   PNG 파일은 이제 웹사이트, 소셜 미디어, 프레젠테이션 또는 모바일 앱에서 사용할 준비가 되었습니다.

자주 묻는 질문

변환된 PNG에서 투명성을 유지할 수 있나요?
예. 원래 ICO 파일에 투명성이 포함된 경우 변환된 PNG도 이를 유지합니다.

이 도구는 안전한가요?
絶対적으로. 모든 처리는 브라우저에서 또는 暫時的に 보안 서버에서 수행되며, 변환 후 파일은 저장되지 않습니다.

설치해야 할 것이 있나요?
아니요. 이 ICO에서 PNG로 변환기는 브라우저에서 완전히 작동하므로 다운로드 또는 등록이 필요하지 않습니다.

다른 이미지 형식으로 변환할 수 있나요?
예, 아래의 파일 형식을 선택하세요.

.conversion-footer {
font-family: system-ui, sans-serif;
margin: 30px 0;
}

details.convert-dropdown {
margin-bottom: 8px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background-color: #fff;
transition: box-shadow 0.3s;
}

details.convert-dropdown[open] {
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.convert-dropdown summary {
font-weight: 600;
font-size: 15px;
padding: 12px 16px;
background-color: #f7f8f9;
border-bottom: 1px solid #e0e0e0;
cursor: pointer;
list-style: none;
position: relative;
}

.convert-dropdown summary:hover {
background-color: #eef0f2;
}

.convert-dropdown summary::marker {
display: none;
}

.convert-dropdown summary::after {
content: “▾”;
position: absolute;
right: 16px;
font-size: 12px;
transition: transform 0.3s ease;
}

details[open] summary::after {
transform: rotate(180deg);
}

.convert-dropdown a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #0073aa;
font-size: 14px;
border-top: 1px solid #f1f1f1;
transition: background 0.2s;
}

.convert-dropdown a:hover {
background-color: #f1f7fb;
color: #005177;
}