line-icon

文章配圖尺寸要多大?靠這3個面向判斷

很多部落客、站長都會遇到圖片的問題,第一個就是圖片到底要多大?尺寸多少?太大造成網站的負擔,有時候根本上傳不了,有時候太小又沒辦法呈現質感,特別是重視配圖的攝影師或是作家,都會很好奇,到底圖要怎麼配?

1.頁面排版

第一步就是要看網站的內容寬度,例如一般的部落格的內容寬度是1400px像素,如果網站在單篇文章呈現的時候,圖片是填滿整個內容寬度,那圖片就要寬度1400px。

不過如果圖片是滿版的,就是橫跨螢幕的寬度,那Andy會建議那就取Full HD的寬度,也就是1920px,不過我會習慣再取個整數,也就是2000px寬度。

2.圖文比例

第二個部分就是內文圖片的部分,有時候我們可能不會想要文章的圖片跟文字的寬度一樣,可能會希望小一點,那就要看自己喜歡的排版方式,如果圖片都希望只有文章寬度一半,那例如上述內文寬度1400px,那圖片就一半700px寬度就好了。

3.壓縮程度/格式

可能以前我們聽說過網站的圖片要用PNG,但那是已經過時的觀念,以照片來說,只要沒有透明度的,一律都用JPG就好,壓縮比大概放在50%就足夠了,如果比較要求細緻度,可以設定壓縮比比較大,例如在80%,這樣檔案比較大,但是多數情況下不需要設定在未壓縮100%,視覺沒有辦法分辨,檔案也太大。

WP一張圖片上傳之後,系統會生成相對應的縮圖,這些都會佔用主機空間,如果上傳的圖片沒有壓縮,沒有調整成合適的大小,那麼除了造成的主機負擔之外,文章載入也會變慢,影響到讀者閱讀文章的意願,也會部分影響SEO的成效。

運用Squoosh 3步壓縮理想圖片

點我前往Squoosh

STEP1 上傳
STEP2 設定尺寸/壓縮比
STEP3 查看品質/下載

橡網Andy

2016年離開媒體業跟職場生活以後,誤打誤狀開啟了人生的創業之旅,經過探索與摸索,發現自己還是喜歡「聽別人的故事」,希望幫助個人打造部落格,陪伴他們建立起自己的個人品牌。

其他文章

3步7能力 找到個人品牌定位

為什麼有的咖啡一杯破百元,有的咖啡不到50元!問題就在包裝,商品要包裝,個人也要包裝,這就是個人品牌的真諦!包裝之後沒人敢再跟我們談論 C/P 值。所以問題不是他們怎麼敢賣那麼貴,而是我們怎麼老學不會...

想上網進軍電商戰場 該如何選擇商城系統?

疫情時代,大家都急著把東西放上網販售,但是目前市面上電商平台這麼多種,到底該如何選擇適合自己的平台呢?東西要放到哪裡去呢?其實有一些思考方法,可以幫助我們做出選擇。 無品牌的商品 最常見的商品莫過於就...

從客戶問「死了怎麼辦?」 淺談一人公司的傳承

什麼!我被客戶詛咒了!嚴格說起來還不是客戶,不過這也是我目前遇到最有趣的問題! 前兩天,跟一個IG上的夥伴聊一聊架站與管理網站的事情,突然她問了一句:「如果你掛掉怎麼辦?」當下有點愣住,怎麼在專業的顧...

WorPress不是只有Elementor 這5招也能架站

這篇文章聊聊WordPress架站的幾種方式跟派系,不然看台灣的資訊久了,有時候會覺得只有Elementor可以架站一樣! 免費佈景 最快低成本的架站法 第一種方式就是很多人入門的第一選擇,也就是「免...

一頁網站像詐騙?讓Cushion Page留住客戶

緩衝頁(Cushion Page)面是一種登陸頁(Landing Page),是一種全新的數位廣告行銷模式,目前日本已經廣泛使用。目的是當用戶點擊網路廣告或搜尋結果時,用作連結目的地。但是,緩衝頁面與...

超新手架站懶人包 先了解所有要素

這篇文章會分享一些比較技術性的事情,這些事情是經營一個網站的站長都應該要了解的事情,無論是自己籌備主機,或是找Andy等其他網頁設計公司,都會遇到的事情。 第一個就是分享,要擁有一個網站,需要哪三個元...

內容行銷寫文章不重要 長遠經營靠5大心法

從無名小站成立的時候,就開始在經營內容,沒有太穩定,就陸陸續續到了現在,前後算起來也大概二十年了,發現其實經營內容,技術不是最重要的,重要的是對經營內容的心法。 只要心法對了,那就可以逐漸看到成果,也...

會寫文字就掌握品牌 2023靠3步寫好文章

講到寫部落格做內容行銷,其實很多人就會想到「寫文章」,很多人可能勾起很多的回憶,於是就會覺得「我不會寫文章」,就把自己擋在外面,就不願意嘗試。 其實我們可能因為考試因為很多原因,我們對「寫文章」產生的...

文章配圖尺寸要多大?靠這3個面向判斷

很多部落客、站長都會遇到圖片的問題,第一個就是圖片到底要多大?尺寸多少?太大造成網站的負擔,有時候根本上傳不了,有時候太小又沒辦法呈現質感,特別是重視配圖的攝影師或是作家,都會很好奇,到底圖要怎麼配?...

了解WordPress 基礎背景 站長人生更專業

Andy認為,當一個站長,使用WordPress工具,就是要了WordPress是用什麼技術做出來的,當然我們不需要去了解其中所有的細節,可能也不需要會寫,但至少要了解是什麼做的,這讓我們在跟工程師溝...

自媒體經營方法百百款 文字最簡單也會被留下

我是橡網設計的Andy站長,一個走過憂鬱與焦慮,曾經迷失在人生旅途上的遊子。2016年開始,我透過各種方式,嘗試整理自己的人生,追尋一個可以定義的「成功」,最後我透過最簡單的文字投資與部落格經營,與過...

WordPress架站4個減法 找到合適的網站設計

哈囉我是Andy,也是WP減法學的推廣者,是由Andy經過十年的CMS內容管理系統建制規劃經驗所得到的一套工作方法論,那麼究竟什麼是WP減法學呢? 1.UI/UX減法 網站真的有需要這麼多特效嗎?真的...

每一個人都能是部落客 站長Andy的內容深度提案

其實現在的時代,我覺得每個人品牌或許都可以經營內容累積自己的流量,利用當站長、管理網站去紀錄同時分享自己,找到自己的鐵粉族群,並獲得全新的潛在客戶。 手工藝商家/職人/創作者部落格主題推薦 手工藝的創...

我反骨不寫美食旅遊,還能當部落客嗎?站長推薦這3種主題

最近有些人詢問,自己不會吃不會玩,我有需要或是可以經營部落格當個部落格嗎? 其實除了我們常常看到的美食、旅遊、開箱評測之外,還有很多部落客的可能,比較專業比較少見,但是都是我們可以經營的方向! 其實每...

這三個原因 讓我義無反顧經營個人網站當站長

當站長有什麼好處呢?這是很多人都會思考的問題,總覺得沒什麼效益,又要花一些錢,真的是一個吃力不討好的事情,但是當站長是有幾個好處的! 可以掌握所有的訪客數據 由於網站是自己的,自己埋追蹤碼,可以透過G...

經營自媒體 要追逐流量還是忠於自己?

這是來自一個讀者的問題:「市場導向的文章要如何與自己寫的文章有一個交疊,區隔又差在哪裡呢?」 身為一個文字工作者,或是斜槓經營自媒體的人,都會遇到一個創作者的難題,就是市場導向內容與自己內心想創作的內...

部落客自媒體從零到個人品牌 需要4的破圈

要經營個人品牌以及累積客戶群,除了社群媒體經營之外,透過自媒體的經營也成為首選!其中經營部落格雖然需要花費比較多精神與時間,卻是每個人都能夠上手的方式! 很多人都會選擇現有的部落格平台,這個方法非常方...

【WordPress外觀設計】Andy愛上氧氣編輯器OXYGEN的7大理由

許多認識Andy的人可能知道,Andy是在台灣少數幾個目前熱烈推薦氧氣編輯器的廠商,從開始使用到現在也快要半年了,也已經開發出各式各樣的可能,這篇文章想跟你分享一下,為什麼Andy會情不自禁的愛上氧氣...

保障WordPress不被駭 做好資安防護

在討論WordPress安全與否以前,想分享一下最近二刷了德魯納酒店,一個結合穿越、愛情與鬼神傳說的優質戲劇,社長張滿月在歷史的長河中被憎恨折磨,卻只因為當年的自己沒有看清楚,也不知道事情的真相,才會...

架網站經營部落格 探尋真實的自己

我沒有品牌,沒有斜槓、沒有想要出名,我還需要網站嗎? 我平常在臉書分享心得就夠了,我需要架網站嗎? 很多人總是在準備創業或是斜槓經營品牌的時候才想到要架站,可能是沒有思考過,其實架站的過程也是一個自我...

【時事看SEO】從亞尼克事件談關鍵字布局

最近在父親節之前,蛋糕的抄襲風波引起行銷界的討論,最後在16日傍晚,亞尼克曬出Google搜尋的截圖道歉「未察覺市場有外觀相似甜點存在,造成同業痛心困擾」,並維持全面下架的決定。 其實蛋糕抄襲與否,在...

WordPress減法架站觀念 讓內容更具力量

Andy接觸CMS系統架設網站超過十年,2016年起開始研究WordPress,發現減法思維是架站的過程中,非常重要的思考基礎。 為什麼會這樣說呢?許多人用CMS系統非常容易落入「加法思考」的陷阱,畢...

有架站問題 就問橡網吧

crossmenuchevron-down