vivoldi.com
Open in
urlscan Pro
115.68.66.71
Public Scan
URL:
https://vivoldi.com/tools/image-compressor
Submission: On April 05 via manual from ES — Scanned from SG
Submission: On April 05 via manual from ES — Scanned from SG
Form analysis 1 forms found in the DOM
<form id="compressorForm">
<div class="d-flex justify-content-center">
<div class="form-outline">
<div id="file-upload-wrapper" class="file-upload-wrapper">
<div class="file-upload" style="height: 200px;">
<div class="file-upload-message"><svg class="svg-inline--fa fa-cloud-upload-alt file-upload-cloud-icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cloud-upload-alt" role="img" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 640 512" data-fa-i2svg="">
<path fill="currentColor"
d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39V392c0 13.3 10.7 24 24 24s24-10.7 24-24V257.9l39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0l-80 80z">
</path>
</svg><!-- <i class="fas fa-cloud-upload-alt file-upload-cloud-icon"></i> -->
<p class="file-upload-default-message">클릭하여 이미지를 선택하거나 여기에 이미지를 드래그하세요 (최대 50개, 50MB)</p>
<p class="file-upload-main-error"></p>
</div>
<div class="file-upload-mask"></div>
<ul class="file-upload-errors"></ul><input id="files" type="file" name="files" class="file-upload-input placeholder-active has-multiple" data-mdb-height="200" data-mdb-max-file-quantity="50" data-mdb-max-file-size="50M"
data-mdb-default-msg="클릭하여 이미지를 선택하거나 여기에 이미지를 드래그하세요 (최대 50개, 50MB)" data-mdb-preview-msg="클릭하여 이미지를 다시 선택할 수 있습니다." data-mdb-main-error="이미지 파일에 문제가 있습니다." data-mdb-format-error="이미지 파일의 형식에 맞지않습니다. (파일 형식: ~~~)"
data-mdb-max-size-error="최대 허용 용량을 초과하였습니다. (최대 용량: ~~~)" data-mdb-accepted-extensions="image/*" data-mdb-remove-btn="취소" data-mdb-file-upload="file-upload" data-mdb-multiple="true" multiple="true" accept="image/*">
<div class="file-upload-previews"></div>
</div>
</div>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 0px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div>
</div>
<div id="btnArea" class="mt-3 mt-md-4 d-none">
<div class="d-flex justify-content-center mt-3">
<button type="submit" id="btnCompress" class="btn btn-primary btn-lg">
<span class="spinner-border spinner-border-sm visually-hidden" role="status" aria-hidden="true"></span>
<span><svg class="svg-inline--fa fa-play" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="play" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" data-fa-i2svg="">
<path fill="currentColor" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"></path>
</svg><!-- <i class="fa-solid fa-play"></i> --> 사진 이미지 용량 줄이기</span>
</button>
<button type="button" class="btn btn-secondary btn-lg ms-2" onclick="doReset(true)"><svg class="svg-inline--fa fa-rotate-right" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="rotate-right" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<g class="fa-duotone-group">
<path class="fa-secondary" fill="currentColor"
d="M413.4 96.6l-45.3 45.3c-62.6-61.5-163.1-61.2-225.3 1c-62.5 62.5-62.5 163.8 0 226.3s163.8 62.5 226.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-229.3 87.5-316.8 0s-87.5-229.3 0-316.8c87.2-87.2 228.3-87.5 315.8-1z">
</path>
<path class="fa-primary" fill="currentColor" d="M344 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8z"></path>
</g>
</svg><!-- <i class="fa-duotone fa-rotate-right"></i> --> 초기화</button>
<div class="ms-2 d-none d-md-block">
<div id="select-wrapper-741051" class="select-wrapper">
<div class="form-outline"><input class="form-control select-input active" type="text" role="listbox" aria-multiselectable="false" aria-disabled="false" aria-haspopup="true" aria-expanded="false" readonly="true"><label
class="form-label select-label active" style="margin-left: 0px;">이미지 변환 화질</label><span class="select-arrow"></span>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
<div class="form-label select-fake-value">자동</div>
</div><select class="select select-initialized" id="quality" name="quality" required="">
<option value="auto" selected="">자동</option>
<option value="1">고화질</option>
<option value="2">중간화질</option>
<option value="3">저화질</option>
</select>
</div>
</div>
<div class="ms-2 d-none d-md-block" style="width:15rem;">
<div id="select-wrapper-274768" class="select-wrapper">
<div class="form-outline"><input class="form-control select-input active" type="text" role="listbox" aria-multiselectable="false" aria-disabled="false" aria-haspopup="true" aria-expanded="false" readonly="true"><label
class="form-label select-label active" style="margin-left: 0px;">이미지 크기 변경</label><span class="select-arrow"></span>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
<div class="form-label select-fake-value">변경안함</div>
</div><select class="select select-initialized" id="resize" name="resize" onchange="doChangeResize(this)">
<option value="0" selected="">변경안함</option>
<option value="w">가로 크기에 맞춤</option>
<option value="h">세로 크기에 맞춤</option>
<option value="wh">세로와 가로 크기 모두 변경</option>
</select>
</div>
</div>
</div>
<div id="resizeArea" class="alert mt-4 pt-4 px-2 d-none alert-primary" role="alert" data-mdb-color="primary" style="border:1px solid #ccc;background-color:#fff;">
<div class="row d-flex justify-content-center mt-4">
<div id="resizeWidthArea" class="col-auto mt-2 mt-md-0 d-none">
<div class="d-flex justify-content-start">
<div class="form-outline" style="max-width:7rem;">
<input type="number" id="resizeWidth" name="resizeWidth" class="form-control form-control-lg active" maxlength="4" oninput="common.checkNumber(this)" value="800">
<label class="form-label" for="resizeWidth" style="margin-left: 0px;">가로 크기</label>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div>
<div class="ms-1" style="max-width:5rem;">
<div id="select-wrapper-817135" class="select-wrapper">
<div class="form-outline"><input class="form-control select-input active" type="text" role="listbox" aria-multiselectable="false" aria-disabled="false" aria-haspopup="true" aria-expanded="false" readonly="true"><label
class="form-label select-label active" style="margin-left: 0px;">단위</label><span class="select-arrow"></span>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
<div class="form-label select-fake-value">px</div>
</div><select class="select select-initialized" id="resizeWidthUnit" name="resizeWidthUnit" data-mdb-auto-select="true" onchange="doChangeResizeUnit(this)">
<option value="px" selected="">px</option>
<option value="percent">%</option>
</select>
</div>
</div>
</div>
</div>
<div id="resizeXArea" class="col-auto pt-2 d-none d-md-block">x</div>
<div id="resizeHeightArea" class="col-auto mt-4 mt-md-0 d-none">
<div class="d-flex justify-content-start">
<div class="form-outline" style="max-width:7rem;">
<input type="number" id="resizeHeight" name="resizeHeight" class="form-control form-control-lg active" maxlength="4" oninput="common.checkNumber(this)" value="600">
<label class="form-label" for="resizeHeight" style="margin-left: 0px;">세로 크기</label>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div>
<div class="ms-1" style="max-width:5rem;">
<div id="select-wrapper-739872" class="select-wrapper">
<div class="form-outline"><input class="form-control select-input active" type="text" role="listbox" aria-multiselectable="false" aria-disabled="false" aria-haspopup="true" aria-expanded="false" readonly="true"><label
class="form-label select-label active" style="margin-left: 0px;">단위</label><span class="select-arrow"></span>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 8px;"></div>
<div class="form-notch-trailing"></div>
</div>
<div class="form-label select-fake-value">px</div>
</div><select class="select select-initialized" id="resizeHeightUnit" name="resizeHeightUnit" data-mdb-auto-select="true" onchange="doChangeResizeUnit(this)">
<option value="px" selected="">px</option>
<option value="percent">%</option>
</select>
</div>
</div>
</div>
</div>
<div id="resizeAutoArea" class="col-auto mt-4 mt-md-2">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="Y" id="resizeAuto" name="resizeAuto">
<label class="form-check-label text-dark" for="resizeAuto">이미지 크기의 비율에 따라 자동 조정</label>
</div>
</div>
</div>
<div id="resizeHint" class="mt-3 text-start text-md-center f11 f-md-12"></div>
</div>
</div>
<div id="addedCnt" class="mt-4 text-center text-md-start"></div>
<div id="image-previews" class="row mt-2"></div>
<div id="completed-area" class="text-center d-none">
<p class="f20 fw-bold py-3 text-primary">이미지 압축 완료!</p>
<a id="btnDownload" class="btn btn-primary btn-lg"><svg class="svg-inline--fa fa-download" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="download" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"></path></svg><!-- <i class="fa-solid fa-download"></i> --> 압축된 이미지 다운로드</a>
<button type="button" class="btn btn-secondary btn-lg ms-2" onclick="doReset(true)"><svg class="svg-inline--fa fa-rotate-right" aria-hidden="true" focusable="false" data-prefix="fad" data-icon="rotate-right" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<g class="fa-duotone-group">
<path class="fa-secondary" fill="currentColor"
d="M413.4 96.6l-45.3 45.3c-62.6-61.5-163.1-61.2-225.3 1c-62.5 62.5-62.5 163.8 0 226.3s163.8 62.5 226.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-229.3 87.5-316.8 0s-87.5-229.3 0-316.8c87.2-87.2 228.3-87.5 315.8-1z"></path>
<path class="fa-primary" fill="currentColor" d="M344 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8z"></path>
</g>
</svg><!-- <i class="fa-duotone fa-rotate-right"></i> --> 초기화</button>
<div class="d-flex justify-content-center mt-5">
<div class="row w-100 w-md-50">
<div class="col-5 d-flex justify-content-end">
<div style="max-width:150px">
<div id="chart-data-compressed-area"></div>
</div>
</div>
<div class="col-7 text-start d-flex align-items-center">
<div id="compressed-info" class="f11"></div>
</div>
</div>
</div>
<div class="mt-5 pb-5 text-info"> 비볼디의 이미지 도구가 유용했다면 더 많은 사람들에게 공유하고 말씀해주세요. </div>
</div>
</form>Text Content
비볼디 * 비볼디 소개 * URL 링크단축 * 서버구축 호스팅 * 유용한 도구 모음 * 우리들의 서비스 URL 링크단축 비즈니스를 위한 강력한 URL단축 서비스 사용자가 언제 링크를 클릭하는지에 대해 확인할 수 있으므로 귀하가 공유하는 컨텐츠 및 커뮤니케이션에 보다 현명한 결정을 내릴 수 있습니다. 브랜드 링크(사용자가 URL만 봐도 귀사로 인식)는 브랜드가 아닌 URL에 비해 클릭률이 34% 높아질 수 있습니다. 서버구축, 서버호스팅 홈페이지 웹서버 메일서버 파일서버 이미지서버 구축 한 번의 서버 구축으로 매월 비용없이 평생 무료 사용. 무제한 트래픽으로 사용자들에게 마음껏 서비스하세요. 메일 서버구축으로 대량 메일발송, 이미지 캐시 서버구축으로 CDN 서비스, 웹서버 구축으로 홈페이지 운영, 파일 서버구축으로 팀과 부서간 파일 공유. 유용한 도구 모음 전체 보기 내 아이피 주소 및 IP 위치 확인 사진 이미지의 용량을 압축하여 파일크기 줄이기 WEBP 변환기 - JPG, PNG, GIF 변환 사진 이미지 온라인 편집기 웹사이트 화면 스크린 자동 캡쳐 도구 HTML CSS 색상 컬러 코드표 URL 인코딩 디코딩 온라인 BASE64 인코딩 디코딩 온라인 (파일, 사진/이미지 인코딩) 한글 도메인 퓨니코드(PUNYCODE) 온라인 변환기 사용자 에이전트(USER AGENT) 확인 온라인 * 블로그 * 문의하기 로그인 무료 회원가입 사진 이미지 용량 줄이기 - PNG JPG GIF WEBP - 압축 변환기 사진 용량 줄이기, 이미지 용량 줄이기. 사진 이미지의 퀄리티와 해상도는 고화질로 유지하면서 압축을 하여 파일의 크기를 변경하여 줄여보세요. JPG, PNG, GIF, WEBP 품질이 압축률이 가장 좋습니다. 비볼디의 사진 이미지 용량 줄이기 도구는 누구나 무료로 사용할 수 있습니다. 무료 가입 후 로그인을 하면 한 번에 최대 100개의 이미지와 100MB 까지 업로드를 할 수 있습니다. 클릭하여 이미지를 선택하거나 여기에 이미지를 드래그하세요 (최대 50개, 50MB) 사진 이미지 용량 줄이기 초기화 이미지 변환 화질 자동 자동 고화질 중간화질 저화질 이미지 크기 변경 변경안함 변경안함 가로 크기에 맞춤 세로 크기에 맞춤 세로와 가로 크기 모두 변경 가로 크기 단위 px px % x 세로 크기 단위 px px % 이미지 크기의 비율에 따라 자동 조정 이미지 압축 완료! 압축된 이미지 다운로드 초기화 비볼디의 이미지 도구가 유용했다면 더 많은 사람들에게 공유하고 말씀해주세요. 질문이 있으신가요? 여기에서 답변을 찾으세요. 유튜브 가이드 영상 웹사이트를 위한 가볍고 빠른 페이지 로딩 비볼디의 사진 이미지 압축기는 이미지 최적화로 웹사이트를 더 빨리 불러오게 합니다. 이미지의 용량이 크면 웹사이트의 컨텐츠를 불러오는데 많은 시간이 소요되며 이로 인해 모바일 사용자의 60%가 웹사이트를 이탈한다고 합니다. 블로그나 웹페이지의 로딩 속도를 높이는 가장 쉽고 직접적인 방법은 이미지의 용량을 줄이는 것 입니다. 사진 이미지의 품질은 고화질로 유지하면서 용량 줄이기 모바일 기기로 촬영한 사진을 업로드할 때 용량 제한 때문에 불편한 점이 많으신가요? 5MB ~ 10MB의 사진 이미지를 크기 변경없이 최적화로 최대 80%나 용량을 줄일 수 있습니다. 비볼디의 이미지 압축기는 고품질을 유지하면서 용량을 더 많이 줄일 수 있는 최고의 선택입니다. 손쉽게 디스크 저장공간 늘리기 NAS나 클라우드 저장소에 사진을 백업하고 공유하시나요? 매일 더 많은 파일이 저장되어 쌓이는 용량이 커질수록 파일을 열 때 많은 로딩을 경험하게 됩니다. 더 많은 사진을 클라우드 저장소에 저장하게 되면 비용 또한 더 많이 지불하게 됩니다. 이제 비볼디로 스마트폰 사진의 용량을 최대 80% 줄여보세요. 1TB의 하드디스크에서 사진 용량을 80%를 줄이면 800GB 더 사용할 수 있습니다. 유용한 도구 모음: 곧 더 많은 도구가 추가될 예정입니다. 사진 이미지 용량 줄이기 Webp 파일 변환기 사진 이미지 편집기 웹사이트 화면 캡쳐 도구 내 IP 주소 위치 확인 HTML 색상 컬러 코드표 URL 인코딩 디코딩 Base64 인코딩 디코딩 한글 도메인 퓨니코드 변환 User Agent 확인 곧 더 많은 도구가 추가될 예정입니다. 소셜 커뮤니티에서 비볼디와 연락하고 소통하세요. 비볼디 대표자: 이용희 사업자번호: 402-40-91552 통신판매업 신고번호: 2019-서울도봉-0898호 개인정보관리책임자: 이호림 TERMS 이용 약관 서비스별 추가 약관 개인정보처리방침 정보 및 광고 수신 SERVICE URL단축 서비스 서버구축/호스팅 SEO 백링크 유용한 도구 모음 CONTACT 서울특별시 도봉구 노해로70길 46, 1층 137호 support@vivoldi.com 0507-1384-5849 (09:30 ~ 18:00) 2019 © 비볼디. All rights reserved. 예 아니요