短视频时代不可忽视的幕后功臣竟然是它!
當我們在超市購物時,如果有第一次購買的商品,我們往往會在同類商品中選擇包裝更好看的那一款。這是因為從圖片中獲得的第一印象,影響了我們的潛意識,進而影響了我們的購買決定。在互聯網上,制作精良、信息豐富的縮略圖也會更容易引起大家的興趣,就像商品包裝一樣。
這對于用戶而言,縮略圖可以看作是一個“預告片”,可以幫助用戶預覽內容,更快更方便地找到自己想看的東西。那要如何制作縮略圖要呢?我們從了解縮略圖開始講起。
什么是縮略圖?
縮略圖(簡稱 “thumb”)是用作占位符的原始壓縮預覽圖像,其中通常會包含指向完整大小的圖片的超鏈接。縮略圖通常用于在 Web 瀏覽器中更加迅速地載入圖片較多的網頁。因其小巧,加載速度非常快,故用于快速瀏覽。相當于圖片視頻文件的預覽及目錄的作用。根據平臺的不同,縮略圖分別有對應的尺寸,且尺寸并不統一:
-
百度搜索中的圖片:圖片比例最好盡量符合121:75,有利于百度抓取。
-
B 站視頻封面:B 站投稿視頻封面的尺寸是不小于 1146 x 717 像素。
-
Google 的圖片搜索:如果需要為 Google 的圖片搜索創建桌面版縮略圖,建議大小為 177 像素。也可以使用較小的縮略圖。
-
YouTube:YouTube 上的桌面縮略圖在起始頁上的大小為 210 x 118 像素。屬于常見的 16:9 圖像格式。
為什么要使用縮略圖?
與原始圖像相比,縮略圖的最大優點是減小了文件大小。如果網站的圖像和視頻內容優先通過縮略圖的形式顯示,網站的加載時間也會明顯加快。用戶可以通過縮略圖來決定要查看哪些內容,然后通過點擊縮略圖去加載實際的原始圖像或內容。這樣既節省了流量,也增強了用戶體驗。
縮略圖的小巧精致讓網站設計者可以在不增加頁面加載時間的情況下,立即為訪問者提供大量的內容。其他優勢還包括:
-
節省空間:在同樣面積的網頁中,縮略圖可以呈現出更多不同內容的概述。
-
用戶友好性:圖像的巨大優勢是可以非常直觀地捕獲信息;通過縮略圖,用戶可以快速瀏覽并找到自己想要的內容。
-
交互性:通過點擊縮略圖增加用戶與網站的互動。
網站的縮略圖通常由搜索引擎、圖像編輯程序及圖像管理程序自動生成。對于移動端,縮略圖的作用尤為突出。
什么時候使用縮略圖?
縮略圖在互聯網上的任何地方都可以找到。例如視頻網站,或一些圖片搜索網站。電商網站還會使用縮略圖在店鋪頁面上同時展示大量的商品。如果我們點擊了某個商品,則會跳到新窗口并顯示原始圖像,以及產品的詳細信息。
視頻網站中的縮略圖
視頻網站上使用的縮略圖必須在幾秒鐘內吸引觀眾的注意力并激勵他們點擊視頻。視頻網站上的觀看次數很重要,因此縮略圖起著重要作用。對于觀看視頻的用戶來說,有吸引力的預覽圖片是獲得點擊次數、觀看次數和增加訂閱的最佳方式。
Google 圖片搜索中的縮略圖
谷歌在圖像搜索中使用的是縮略圖,而不是全尺寸的圖像。這意味著用戶可以同時看到大量不同的圖像。通過單擊其中一個縮略圖,可以請求到更多信息。如果有需求,用戶將被直接轉發到源網頁。
在線商店中的縮略圖
在線商店中,縮略圖用于在一個頁面上顯示多個產品,而不會降低加載速度。類別概覽也經常以縮略圖的形式顯示。再次單擊感興趣的產品縮略圖,打開產品的原始圖像,從而可以查看有關產品的更多信息。
如何設計縮略圖?
吸引用戶點擊視頻或圖像的頻率通常取決于縮略圖的設計。根據自身網站或產品的不同,創建縮略圖時應注意不同的情況。與圖片相比,視頻的縮略圖通常更復雜,一部分原因是由于視頻傳輸的內容更多。而縮略圖應與內容相匹配并能誘惑查看者點擊。例如:
-
應使用和內容主題相匹配且有意義的圖片和顏色
-
人臉是與觀看者建立聯系的一種簡單方式
-
使用動作鏡頭來吸引注意力
-
如果內容不明顯,可以為圖片添加標題或關鍵字
-
使用 Logo 等增加內容識別價值(品牌推廣)
以下是精心設計的縮略圖示例:
視頻縮略圖始終遵循相同的結構。預覽圖像清晰簡單,并為觀看者提供了有關視頻的信息。圖片來源:
另外,使用的縮略圖要注意避免出現版權問題。同時為了防止被他人盜用,我們也可以在合適的位置添加水印,注明該圖像的作者,或添加獨特的 Logo。
又拍云圖片處理
如果不會使用作圖軟件,有沒有什么辦法快速制作有水印又獨特的縮略圖呢?可以來試試又拍云圖片處理功能,支持縮小、放大、裁剪、圖片水印、文字水印、銳化、高斯模糊等 40+ 功能。同時還支持創建縮略圖版本,可以搭配作圖參數混合使用。
又拍云圖片處理作圖方式簡單便捷,通過“圖片 URL + 間隔標識符 + 參數或縮略圖版本”在線處理,實時顯示。另外,作為業界首家支持 WebP、動態 WebP 的廠商,解決多項 WebP 處理難題,圖片瘦身平均可節省大小 70%。
超強干貨來襲 云風專訪:近40年碼齡,通宵達旦的技術人生總結
以上是生活随笔為你收集整理的短视频时代不可忽视的幕后功臣竟然是它!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 全站 HTTPS 就一定安全了吗?
- 下一篇: 这两种完全不同的JPEG加载方式,你肯定