ja.vivoldi.com Open in urlscan Pro
115.68.66.71  Public Scan

URL: https://ja.vivoldi.com/tools/image-compressor/
Submission: On May 03 via manual from SC — Scanned from GE

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 me-2" 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 me-2"></i> --><span>容量を減らす</span></span></button><button type="button" class="btn btn-secondary btn-lg ms-2" onclick="doReset(true)"><svg class="svg-inline--fa fa-rotate-right me-2" 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 me-2"></i> --><span>初期化</span></button>
      <div class="ms-2 d-none d-md-block">
        <div id="select-wrapper-71509" 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-796725" 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-218787" 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-716041" 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 me-2" 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 me-2"></i> --><span>圧縮された画像をダウンロード</span></a><button
      type="button" class="btn btn-secondary btn-lg ms-2" onclick="doReset(true)"><svg class="svg-inline--fa fa-rotate-right me-2" 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 me-2"></i> --><span>初期化</span></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">Vivoldiのツールが役に立ったなら、もっと多くの人に共有して教えてください。</div>
  </div>
</form>

Text Content

Vivoldi
Japanese
 * Korean
 * English
 * Japanese

 * ビボディ紹介
 * URLショートナー
 * サーバー構築&ホスティング
 * 便利なオンラインツール
   * 私のIPアドレス及びIP位置確認
   * 写真画像の容量を減らす
   * Webpファイル変換 - JPG、PNG、GIF
   * オンライン写真画像エディタ
   * ウェブサイト画面画面自動キャプチャツール
   * HTMLカラーカラーコード表
   * URLエンコード・デコードオンライン
   * Base64エンコーディングデコードオンライン
   
   * --------------------------------------------------------------------------------
   
   * 便利なオンラインツールをもっと見る
 * デベロッパーAPI
 * Webプッシュ機能紹介
 * 当社のサービス
   
   URLショートナー
   
   
   
   ビジネスのための強力なURL短縮サービス
   
   人々がいつリンクをクリックするかを確認することで、あなたが共有するコンテンツやコミュニケーションについてより賢明な判断を下すことができます。
   ブランドリンク(ユーザーがURLを見ただけで貴社と認識する)は、非ブランドURLに比べてクリック率が34%高くなる可能性があります。
   
   サーバー構築&ホスティング
   
   
   
   サーバー構築:ホームページのウェブメールファイルのイメージ
   
   一度のサーバー構築で毎月費用なしで生涯無料使用。無制限のトラフィックでユーザに思う存分サービスしてください。
   メールサーバー構築で大量メール送信、画像キャッシュサーバー構築でCDNサービス、Webサーバー構築でホームページ運営、ファイルサーバー構築でチームと部署間のファイル共有。
   
   便利なオンラインツール
   
   便利なオンラインツールをもっと見る
   
   私のIPアドレス及びIP位置確認
   
   写真画像の容量を減らす
   
   WEBPファイル変換 - JPG、PNG、GIF
   
   オンライン写真画像エディタ
   
   ウェブサイト画面画面自動キャプチャツール
   
   HTMLカラーカラーコード表
   
   URLエンコード・デコードオンライン
   
   BASE64エンコーディングデコードオンライン
   
   ドメインフニコードコンバータ
   
   USER AGENTの確認

 * ブログ
 * お問い合わせ
 * Japanese
    * Korean
    * English
    * Japanese

ログイン無料会員登録



写真画像の容量を圧縮して小さくする - PNG JPG GIF WEBP

写真容量を減らす、画像容量を減らす。写真画像の品質と解像度は高画質を維持しながら、圧縮してファイルのサイズを変更して縮小してみましょう。JPG、PNG、GIF、WEBPの品質が圧縮率が一番良いです。

Vivoldiの写真画像容量削減ツールは誰でも無料で使用することができます。

無料会員登録後、ログインすると、一度に最大100枚の画像と100MBまでアップロードすることができます。

クリックして画像を選択するか、ここに画像をドラッグしてください(最大50枚、50MB)






容量を減らす初期化
画像変換画質

自動
自動高画質中画質低画質
画像サイズを変更

変更しない
変更しない横サイズに合わせる縦サイズに合わせる縦と横の両方のサイズを変更
横サイズ

単位

px
px%
x
縦サイズ

単位

px
px%
画像サイズの比率に応じて自動調整




画像圧縮完了!

圧縮された画像をダウンロード初期化

Vivoldiのツールが役に立ったなら、もっと多くの人に共有して教えてください。



質問がありますか?
ここで答えを見つけましょう。

YouTubeガイド動画


ウェブサイトのための軽くて速いページ読み込み

Vivoldiの写真画像圧縮機は、画像の最適化でウェブサイトをより速く読み込むことができます。
画像の容量が大きいと、ウェブサイトのコンテンツを読み込むのに多くの時間がかかり、これによりモバイルユーザーの60%がウェブサイトを離脱すると言われています。
ブログやウェブページの読み込み速度を上げる最も簡単で直接的な方法は、画像の容量を大幅に減らすことです。


写真画像の品質は高画質で維持しながら容量を減らす

モバイル機器で撮影した写真をアップロードする際、容量制限のために不便な点が多いですか?
5MB~10MBの写真画像をサイズ変更せずに最適化で最大80%も容量を減らすことができます。Vivoldiの写真圧縮機は、高品質を維持しながら容量をもっと減らすことができる最高の選択です。

写真の容量を圧縮しても、写真の原画質と比較して画質が落ちることはありません。
写真館で撮った証明写真を携帯電話やカメラで再撮影した後、ウェブサイトにアップロードする際、多くの人が容量の制限でアップロード失敗を経験します。
この場合、やはりVivoldiの写真容量圧縮機を利用する時です。


簡単にディスク容量を増やす

NASやクラウドストレージに写真をバックアップして共有していますか?
毎日より多くのファイルが保存され、蓄積される容量が大きくなればなるほど、ファイルを開くときに多くの読み込みを経験することになります。
より多くの写真をクラウドストレージに保存すればするほど、コストも高くなります。
今すぐVivoldiでスマートフォンの写真の容量を最大80%削減しましょう。1TBのハードディスクで写真容量を80%減らせば、800GBの空き容量が増えます。

便利なオンラインツール:

すぐにもっと多くのツールが追加される予定です。

写真画像の容量を減らす

Webpコンバーター

写真画像エディタ

ウェブサイトキャプチャ

私のIPアドレスの位置

HTMLカラーピッカー

URLエンコーディング

Base64エンコーディング

ドメインPunycode変換

User Agent確認

すぐにもっと多くのツールが追加される予定です。


ソーシャルコミュニティでVivoldiと連絡を取り合い、交流しましょう。



Vivoldi

代表者: Younghee Lee

事業者番号: 402-40-91552

通信販売業届出番号: 2019-서울도봉-0898호

個人情報管理責任者: Holim Lee

Terms

利用規約

サービス別追加条件

プライバシーポリシー

広告用語

Service

URLショートナー

サーバー構築&ホスティング

SEOバックリンク

便利なオンラインツール

Contact

ソウル特別市道峰区老海路70ギル46、1階137室

support@vivoldi.com

0507-1384-5849 (09:30 ~ 18:00)

2019 © Vivoldi. All rights reserved.
はいいいえ