方格小窩再生記 § 沙龍圖片尺寸懶人包

Chloe-avatar-img
發佈於書房
更新於 發佈於 閱讀時間約 4 分鐘

前言

兩周前看到官方的更新消息:沙龍介面新登場!自訂你的創作空間,讓好內容被看見,我的第一反應就是立刻打開自己小窩,檢視外觀……,結果……OMG……最上方的圖片被裁切了😭。

未來平台的設計方向,看起來是要對於手機族更友善一點,所以版面在手機端的樣子也得特別注意,我馬上開啟手機檢視模式(F12 切換成手機畫面),結果畫面就是個「亂」字。

既然狀況不太理想,就乾脆趁這個機會好好整修一番吧。

圖片尺寸

為了避免畫面不夠美觀,圖片尺寸得特別留意。以下是目前沙龍頁面會用到的主要圖片尺寸整理:

不能隱藏的板塊圖片

  • 標誌(Logo):顯示於導覽列上方的橫式圖片,長寬比為 5:1,短邊不低於 300px。
  • 頭像:長寬比為 1:1,像素至少 300×300px。
  • 封面照片:置頂沙龍的圖片,最佳尺寸為 1004×200px,重要資訊集中於中央 480×200 的區域。
  • 社群分享圖:社群分享時的代表圖,最佳尺寸為 1200×628px。

可以隱藏的板塊圖片

兩個區域分別最多 5 張圖片,格式可以是 jpg 或 png(較推薦使用 png)。

  • 橫幅廣告:可對圖片自訂超連結,圖片尺寸為 1200×630px。
  • 連結版位按鈕:尺寸較小的廣告版位,共兩種樣式,圖文尺寸為 400×400px,全圖尺寸為 400×105px。

製作小技巧

我這次用 MS 的 PowerPoint 製作(你如果愛用 Canva 也很OK,概念一樣),下面製作過程以「封面照片」為例。

官方建議封面照片的尺寸是 1004×200px,換算成幻燈片的大小是 26.56×5.29cm,然後在畫面中拉出一塊 12.7×5.29cm 的藍色矩形,代表資訊顯示的重點範圍,接著就可以放心排版、插圖啦。

在我很開心的做完第一版並上載後,發現兩個顯示問題:

  • 與下方的橫幅廣告資訊重複。
  • 手機頁面中,「頭像」會剛好蓋在封面中央偏下的位置,遮住部分封面照片。
raw-image

為了避免這些困擾,我決定封面不放文字,乾脆用尤加利葉排出乾淨的畫面,最後匯出就是一張漂亮又安全的封面啦 ✨

PS. 記得要把藍色的圖案刪掉喔~~~

raw-image

如果你怕麻煩,最快的方式就是用「色塊」製作封面,簡單大方,不怕手機跟桌機尺寸差異。不過我想挑戰有圖案的版型,所以多花了一些時間調整,看到完成結果真的超有成就感✨~

raw-image

我的小小願望

很感謝官方不斷更新維護,所以我也想要偷偷許幾個願望✨:

  • 希望導覽列能開放多一點連結項目,超過三個就被收進「其他連結」有點可惜,而且如果能有更多 icon 就更棒了!
  • 項目符號的行距排版問題希望也能調整一下,細項內縮後的行距看起來就像是獨立於大項目以外的資訊😭。
raw-image

結語

總之,目前我的小窩封面終於搞定啦🎉🎉🎉~

感謝一直來看文章、逛小窩、與我互動、幫我打氣的朋友!下半年還有新計劃,敬請期待,也請多多指教呀 😁

留言
avatar-img
留言分享你的想法!
avatar-img
Chloe小窩
254會員
153內容數
小小的細縫裡,夢想的小苗也會萌芽。 我想在餘生中,體會生命的感動和奧秘。 透過仔細觀察,將發現世界不同的美好。 歡迎你來到 ~ ♡ Chloe 的小世界 ♡
Chloe小窩的其他內容
2025/06/05
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
2025/06/05
👜簡單生活,從整理包包開始!我的三款愛用包+隨身小物清單開箱,一起來看看我每天都帶些什麼吧🌿✨
Thumbnail
2025/05/15
透過與 AI 互動,進行一場有趣的 MBTI 性格測驗及微型心理側寫。
Thumbnail
2025/05/15
透過與 AI 互動,進行一場有趣的 MBTI 性格測驗及微型心理側寫。
Thumbnail
2025/05/08
平行時空的 1888 年夏末,法國亞爾,文森·梵谷與弗里德里希·尼采相遇,兩位天才間的跨時空對話與靈魂共鳴。
Thumbnail
2025/05/08
平行時空的 1888 年夏末,法國亞爾,文森·梵谷與弗里德里希·尼采相遇,兩位天才間的跨時空對話與靈魂共鳴。
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
方格子官方最近宣佈改善原有的討論區功能,將其轉型為房間模式。
Thumbnail
方格子官方最近宣佈改善原有的討論區功能,將其轉型為房間模式。
Thumbnail
為了精簡、收斂沙龍內的使用情境,「討論區」即將於 2024 年 8 月下旬進行重大更新,「討論區」將轉為「房間」,貼文版式也將同步更新。 對於創作者而言,本次更新的核心目標依舊是希望創作者有更多的創作自由,可根據自己的偏好選擇創作形式,且能引導會員粉絲快速認識沙龍、打造更流暢的互動體驗。
Thumbnail
為了精簡、收斂沙龍內的使用情境,「討論區」即將於 2024 年 8 月下旬進行重大更新,「討論區」將轉為「房間」,貼文版式也將同步更新。 對於創作者而言,本次更新的核心目標依舊是希望創作者有更多的創作自由,可根據自己的偏好選擇創作形式,且能引導會員粉絲快速認識沙龍、打造更流暢的互動體驗。
Thumbnail
我想.....我選對了平台,所以能遇見這麼多美好的格友們❤️
Thumbnail
我想.....我選對了平台,所以能遇見這麼多美好的格友們❤️
Thumbnail
本來停止"2日更"這件事,應該發佈在討論區,但討論區的字非常小,也希望沒有加入我的沙龍的格友也可以留言討論,所以還是讓它成為文章!
Thumbnail
本來停止"2日更"這件事,應該發佈在討論區,但討論區的字非常小,也希望沒有加入我的沙龍的格友也可以留言討論,所以還是讓它成為文章!
Thumbnail
這兩天,將【沙龍】重新做了調整。 發現格子的【沙龍】,除了可以開【房間】;【房間】裡,還有【分頁】的功能。
Thumbnail
這兩天,將【沙龍】重新做了調整。 發現格子的【沙龍】,除了可以開【房間】;【房間】裡,還有【分頁】的功能。
Thumbnail
Grid Post這個App是為了IG排版而存在的,我很喜歡裡面的「全景剪裁」功能,讓讀者透過滑動把整張照片看完,帶來不一樣的視覺變化。
Thumbnail
Grid Post這個App是為了IG排版而存在的,我很喜歡裡面的「全景剪裁」功能,讓讀者透過滑動把整張照片看完,帶來不一樣的視覺變化。
Thumbnail
文章更新頁面升格沙龍後原專題區無法新增圖片,之後更新文章會轉為同方格子的沙龍區囉 https://vocus.cc/salon/naturelake/room/naturelake0331
Thumbnail
文章更新頁面升格沙龍後原專題區無法新增圖片,之後更新文章會轉為同方格子的沙龍區囉 https://vocus.cc/salon/naturelake/room/naturelake0331
Thumbnail
去年戀風草「部落格」XUITE收攤了,逐漸將重心移到「方格子」, (臉書不方便找文章,好文章還是會收集到部落格) 剛好最近方格子推出「沙龍」模式, 整理了差不多,有關於閱讀的,桌遊的,文學獎的, 分類清楚,大家有空可以過來看看 . https://vocus.cc/salon/WLG
Thumbnail
去年戀風草「部落格」XUITE收攤了,逐漸將重心移到「方格子」, (臉書不方便找文章,好文章還是會收集到部落格) 剛好最近方格子推出「沙龍」模式, 整理了差不多,有關於閱讀的,桌遊的,文學獎的, 分類清楚,大家有空可以過來看看 . https://vocus.cc/salon/WLG
Thumbnail
接下來致力更精進做電子書的技術,並把自己幾百萬字的文章能整理成冊的都上架。屆時再請大家捧場!感謝
Thumbnail
接下來致力更精進做電子書的技術,並把自己幾百萬字的文章能整理成冊的都上架。屆時再請大家捧場!感謝
Thumbnail
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon,目前也官方宣布今年1月下旬將會全站轉型,因此故且不論創作者現在還是不是,過完農曆年屆時應該會全部升級。 原本對於沙龍顯示頁面意興闌珊的我,又是不知道哪根筋不對,花了一點時間把星貨鋪小小地整修一下。
Thumbnail
方格子在去年下半年開始讓許多創作者陸續將個人頁面轉型為沙龍Salon,目前也官方宣布今年1月下旬將會全站轉型,因此故且不論創作者現在還是不是,過完農曆年屆時應該會全部升級。 原本對於沙龍顯示頁面意興闌珊的我,又是不知道哪根筋不對,花了一點時間把星貨鋪小小地整修一下。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News