UltKit

調整圖片大小為 300 × 300 像素

300 × 300 px 是小正方形的尺寸,常見於商店列表中的商品縮圖、論壇頭像,以及網頁表單的照片欄位。這個頁面會把任何圖片轉成這個正方形,以主體為中心裁切,並保留你上傳時的格式。

調整圖片尺寸

或將JPG, JPEG, JFIF … 檔案拖曳到這裡 ·

每個檔案最大 95 MB· 最多 20 個檔案· 30 分鐘後刪除

新尺寸

檔案會在我們的伺服器上處理,並於 30 分鐘後刪除。

使用方式

  1. 1

    上傳一張或多張圖片

    最多可加入 20 個 JPG、PNG、WebP、AVIF、HEIC 或 GIF 檔案。商品照、大頭照和各種形狀的標誌都可以。

  2. 2

    保留 300 × 300 px

    寬度和高度設為 300 px,縮放方式選「裁切填滿」,裁切位置選「智慧」。若想保留整張圖片,請改選「以顏色填補」並指定背景色。

  3. 3

    調整大小並下載

    按下調整大小。除非您更改輸出格式,否則每個檔案都會維持原本的格式,帶有透明背景的 PNG 也會保持透明。

300 px 的正方形夠小,五十張排成一列也能瞬間載入,又夠大,足以清楚呈現人臉或商品。多數人需要這個尺寸,是因為網站、商店佈景主題或表單正好要求這個大小。

300 × 300 像素圖片的使用場合

使用 300 px 正方形的平台
機構規定來源
WordPress 媒體庫中圖片尺寸預設最大為 300 × 300 px(設定 → 媒體),因此佈景主題常會使用這個尺寸。—
WooCommerce 商店頁面自 WooCommerce 3.3 起,商品縮圖預設寬 300 px,並以 1:1 裁切;佈景主題可以更改。—
論壇與電子郵件簽名檔大頭貼與簽名檔圖片欄位通常接受約 300 px 的正方形;請查看欄位本身的提示。—
電商平台商品頁面不足以作為主圖:Amazon 要求最長邊 1000 px 以上,才能使用放大功能。—

精確的正方形比想像中更重要。當商店佈景主題或 CMS 收到 4000 × 3000 的手機照片,卻要放進 300 px 的版位時,不是在不知道商品位置的情況下直接裁切,就是整張縮小,讓版面出現奇怪的空隙。直接上傳 300 × 300 px 的檔案,就不必讓系統猜測,也能節省頻寬,因為這種大小的正方形只佔原圖容量的一小部分。

WordPress 是最明顯的例子。它預設的中尺寸最大為 300 × 300 px,也就是長邊上限為 300 並維持比例,所以橫式圖片上傳後會變成 300 × 225,而不是正方形。以 WordPress 為基礎的 WooCommerce,則是將商品目錄縮圖裁成 1:1。如果您的版面看起來參差不齊,請用本頁先裁好正方形再上傳,每個圖塊就會整齊對齊。

需要用同一批原圖製作更大的正方形嗎?請以不同尺寸再執行一次;調整圖片為 512×512適合應用程式圖示和貼紙。

讓 300 × 300 照片保持清晰

緊密裁切

讓主體填滿正方形;小細節在 300 px 下會消失。

從大圖開始

縮小大尺寸原圖可保持邊緣清晰;放大小圖則會變模糊。

單純的背景

白色或單一純色在縮圖列表中看起來最乾淨。

品質 85

作為縮圖已經足夠;數值更低會讓文字周圍出現方塊狀邊緣。

300 × 300 像素常見問題

如何把照片調整為 300 × 300 又不會變形?

將縮放方式維持在「裁切填滿」:圖片會放大到完全覆蓋正方形,再裁掉多出的寬度或高度,因此人臉和圓形商品不會變形。「拉伸至精確尺寸」是唯一會造成變形的選項,而且不是預設值。

300 × 300 的圖片檔案大小是多少 KB?

品質 85 的 300 × 300 JPG 大約是 15 到 40 KB,視細節多寡而定;照片存成 PNG 則可能是好幾倍。如果表單限制檔案大小,請勾選限制檔案大小並輸入 KB 數值,或參考我們的如何縮小圖片 KB 數教學。

300 × 300 px 用於商品頁面夠嗎?

當縮圖可以,當商品主圖則不行。Amazon 要求最長邊至少 1000 px 才能使用放大功能,多數電商平台也建議類似的尺寸。請保留大尺寸原圖作為商品主圖,本頁則用來製作列表縮圖。

300 px 的正方形圖片印出來清楚嗎?

只能印得很小。以 300 DPI 計算,300 px 剛好是一英吋,約 2.5 公分,適合貼紙或徽章,不適合沖洗照片;若要 2 × 2 英吋的相片,請使用調整圖片為 600×600。

可以為整個商品目錄製作 300 × 300 縮圖嗎?

可以,每批最多 20 張圖片,且都會裁成相同的正方形。將裁切位置設為「智慧」時,工具會尋找商品位置,而不是取幾何中心,對在寬大白色桌面上拍攝的照片特別有幫助。

我的標誌是透明背景,調整後還會保持透明嗎?

可以,只要輸出格式維持「與輸入相同」,或設為 PNG 或 WebP。選擇「以顏色填補」時,填補區域會變成該顏色;若不想加入背景,請選「裁切填滿」或「縮放至範圍內」。

其他正方形尺寸