為什麼別人的程式碼總是很美，而你的卻是很醜，讓這款神器來徹底解救你吧！

2019 年 10 月 6 日
筆記

如果你想把一小段程式碼分享到各大社交網站，透過 GitHub Gist 產生鏈接是個不錯的方式。若是要轉為精美的圖片， Carbon、CodeZen 這類可以將程式碼轉成圖片、加上窗口陰影和上色效果的線上工具，或許來說會更好用。大家都知道社交網站在不同區塊或類別都有不一樣的圖片尺寸限制，接下來要介紹的這項服務就是整合了各大社交網站模版和程式碼的轉圖片工具，讓你可以做出更適合分享的程式碼圖片。

什麼是 Codeimg.io

「Codeimg.io」是一款幫你把源程式碼轉換成漂亮圖片格式的在線工具，以便於在社交網路分享。它可以對一段程式碼加入高亮顏色標註效果，按照使用者選擇的社交網站位置製作為特定大小的圖片。舉例來說：Facebook 分享圖片大小為 1200×630、封面圖片 820×312、Twitter 推文適用的 506×253，亦可選擇邊框樣式、配色、主題等等，製作出來的圖片相當專業。

雖然製作成圖片的程式碼或許適合閱讀，對於要複製特定內容來說就會有些麻煩。但如果只是想讓社交網站上的人方便瀏覽，相較於直接把程式碼貼上來說轉為圖片、加入高亮效果會更有用。

Codeimg 不僅適用於社交網站，也能直接指定圖片長寬，選擇建立成 .jpeg、.png 或 .svg 圖片格式。

網站名稱：Codeimg.io 網站鏈接：https://codeimg.io/

「Codeimg.io」支援功能列表：

寬度、高度
邊框寬度
背景色
樣式（Win/macOS）
顯示按鈕
顯示標題
圓角邊框
陰影大小、顏色
主題
程式語言
字體大小
顯示行數

「Codeimg.io」使用教學

STEP 1

開啟 Codeimg.io 後選擇要套用的社交網站模版尺寸，選項上會提示你這個尺寸適用於那個區塊，以及對應的圖片大小。

Codeimg.io 提供包括 Facebook、Twitter、Instagram 三種最常用的社交平台。Facebook 包括 Profile、Cover、Shared、Event Image 樣式，Twitter 包括 Profile、Header、In-Stream Photo，Instagram 包括 Profile、Thumbnails、Stories 等樣式。或是透過自定義功能自己輸入圖片長寬。

在下方項目名稱的命名後面可預先選擇要使用的圖片格式，Codeimg.io 亦可製作 .svg 矢量圖。