Marked.cc 將文字轉為精緻圖片輸出,分享社群更吸睛

最後更新於 2020 年 07 月 07 日

曾經介紹過不少可以將程式碼轉圖片線上工具,像是 Carbon 將程式碼轉為美麗圖片,在社群分享更引人注目,或是 CodeimgCodeZen 等等,對於要在社群網站分享程式碼來說轉為圖片會很有用,也免於諸多限制。若要把程式碼傳給其他人使用,可考慮「5個程式碼分享服務,貼上後立即產生鏈結並加入高亮效果」讓程式碼更易於閱讀和使用,於是有人想到:除了程式碼以外,有沒有可以把一般文字轉為圖片且效果更好的工具呢?

接下來要推薦的「Marked.cc」是一個免費線上產生器,可以將文字轉為更漂亮精緻的圖片效果,就如同貼上便條紙的感覺,對於想在網路上呈現一段文字(例如引言或佳句分享)會很有用,不但畫面很有質感,若想抓住其他人目光也有一定程度作用,重點是支援中文,無需額外下載或安裝軟體。

Marked.cc 提供非常基本的文字樣式設定選項,包括切換字型、對齊方式、刪除線、高亮標記、粗體、色彩,也可調整版面的寬度距離,完成後就能直接下載並儲存為 .png 格式,範例如同本文最前面的圖片。

Marked.cc
https://marked.cc/

使用教學

STEP 1

開啟 Marked.cc 會看到如下畫面,上方為編輯器,下方是呈現範圍,中間會有一個時間標記,無法刪除,使用者可以直接將它當成便條紙編輯,包括黃色背景為標題部分,下方白色就能放入主要內容。

STEP 2

選取內文後會有一個樣式編輯選項,像是加入刪除線、高亮標記或粗體。

STEP 3

上方有更多的樣式或排版設定選項,例如對齊位置、顏色或頁面寬度,也能使用拖曳方式調整要呈現的主內容大小,因為 Marked.cc 功能不多,大家自己摸索一下應該很快就能上手。

STEP 4

最後自己拖曳一下寬度及上下間距,讓畫面呈現你最滿意的結果。

點選下方中間的「下載」按鈕,就可以將 Marked.cc 製作的圖片成品保存為 png 格式,這個文字轉圖片的工具是不是非常簡單呢?

值得一試的三個理由:

  1. 將文字轉為更漂亮精緻的圖片效果,可加入不同的樣式標註
  2. 調整圖片寬度及間距,讓畫面看起來更協調
  3. 快速下載輸出為 .png 格式免註冊

 

相關的文章

Codeimg 程式碼轉圖片,可自訂視窗陰影效果更適合分享社群網站

如果想把一小段程式碼分享到社群網站,透過 GitHub Gist 產生鏈結是個不錯的方式,或是參考我之前介紹的「5個程式碼分享服務,貼上後立即產生鏈結並加入高亮效果」,若要轉為精美的圖片,我也推薦過 Carbon、CodeZen 可以將程式碼轉成圖片、加上視窗陰影和上色效果的線上工具,對於要分享至社群網站來說更好用。大家都知道社群網站在不同區塊或類別都有不一樣的圖片尺寸限制,接下來要介紹的這項服務就是整合社群網站模版和程式碼轉圖片工具,讓你可以做出更適合分享的程式碼圖片。

Kapwing Rotate Video 線上影片旋轉工具,快速調整方向或鏡像翻轉

前幾天有讀者在粉絲頁詢問上傳影片至影音空間會被翻轉的問題,特別是現在大家都習慣使用手機拍照錄影,很多時候直式影片會被旋轉,或是沒有在手機錄影時調到正確方向,以至於錄影後的影片必須要橫著看,其實這個小問題是可以修正的,直接從手機上進行影片的編輯調整即可,如果你不知道應該怎麼做,也可以傳輸到電腦後使用線上工具調整影片方向。

Word.to 專為 Word 而生線上轉檔工具,可將檔案轉 doc、docx 互轉

現在很多轉檔、編輯或調整設定等工作都可以在線上處理,甚至不需要下載軟體,非常簡單快速,透過線上轉檔工具直接在瀏覽器進行,其中比較常碰到的 PDF 轉檔或是影音剪輯和格式轉換,包括合併、編輯、壓縮、加密解密、旋轉、分割頁面、加入浮水印、提取文件圖片等等,有很多服務將大部分使用者會用到的編輯功能整合起來,Sejda、PDF24 Tools、Pdf.to 或是 EasyPDF 就是類似的線上應用服務。

Lokki.cloud 在任何裝置輕鬆傳送檔案,無需登入或下載安裝軟體

要將檔案分享給其他人大多會使用免費空間,早期的免空都是上傳後產生分享鏈結,對方就能透過該網址下載並取得檔案,不過這麼做的缺點是其他知道鏈結的人也可以使用相同方式獲取檔案,同時也必須把檔案託管在遠端伺服器,相較之下隱私及安全較差。後來流行使用線上傳檔工具,一樣是打開網站,但雙方以網站做為代理,直接在線上進行即時檔案傳輸,像是之前介紹過的 Sendsecure.io、FileRoom、Send Anywhere 等等,就不用將檔案上傳雲端。

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

回應