TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南

Logoly.Pro 把迷因圈最知名的雙色塊文字格式做成免費開源產生器:在預覽框直接打字、調顏色與字型,30 秒下載 PNG 或 SVG,全程免帳號、圖檔在本機生成。實測三個版式的真實範圍、3.4MB 向量檔的成因,以及任意用途授權承諾畫不到的商標邊界。
用 AI 摘要這篇文章:
我在瀏覽器打開 Logoly.Pro,在預覽框裡點兩下、打了 Tech 和 Moon 兩個字,按下 Export 選 PNG,下載匣躺進一張 355×130 的黑底圖片,檔名就叫 Tech-Moon.png。全程沒有註冊、沒有信箱、沒有看到任何付款頁,前後花不到一分鐘。同一個按鈕再選一次 SVG,下載的向量檔卻有 3.4MB,比 PNG 胖了四百多倍。這兩個檔案是這篇文章的主角:一個 2019 年上線、在 GitHub 累積近八千顆星的免費開源工具,今天實際用起來是什麼樣子,它給你的授權承諾畫到哪裡,都從這趟實測裡找答案。
先講清楚這個工具做出來的東西長什麼樣。前段白字、後段放進橘色圓角框裡的黑字,這個構圖出自成人網站 Pornhub 的商標,後來被網路社群改編成各種版本,成了辨識度極高的迷因模板。Logoly.Pro 做的事情,就是讓你把模板裡的兩段文字換成自己的,調一調顏色和字型,然後下載成圖檔。專案在 GitHub 上的自述也寫得直白,就叫「一個 Pornhub 風味的 Logo 產生器」。
我實測時網站選單上能點的產生器有三個:首頁的水平版、直式排版版,和一個 OnlyFans 配色的版本。選單第四項寫著 More coming soon,點了沒有反應。有趣的地方在官網自己的文案:頁面說明區寫它能做出 similar to Pornhub, YouTube, and more,常見問題區的操作第一步也寫著可以選 Pornhub 或 YouTube 風格。但無論是選單、頁面路由還是我翻過的部署版本,都找不到任何 YouTube 版式。這句是站方的宣稱,不是你今天打開網站能用的功能。原始碼倉庫的開發分支裡確實躺著 FedEx、SEGA、任天堂、LEGO、Marvel 等十來個品牌的版式佔位和一個通用文字工具,只是都還沒部署上線。文案跑在功能前面,這在還活著的專案裡很常見,但你今天要用,就是三個版式。
OnlyFans 版值得單獨說一句。它做的事情比換色多一層:前綴維持白字,字尾換成藍色圓角方塊,控制項也比首頁少,只剩字級和透明背景兩個,沒有色彩選單也沒有字型下拉。想要完整控制項的人,留在首頁的水平版玩就好。

另外要澄清一個容易搞混的詞:中國大陸的文章常把這種格式叫「P 站風格」。這個詞有歧義:在台灣,「P 站」多半指插畫社群 Pixiv,跟這裡模仿的對象完全無關,搜資料的時候別被誤導。
操作方式比多數設計工具直覺。打開 logoly.pro,畫面中間就是一個預設寫著 edit me 的預覽框,文字本身可以直接點選修改,前段和後段分開編輯,不用先找輸入欄。游標點進去打字,圖案即時跟著變,連預覽和輸入的分離都省了。
控制列的項目我逐項試過一輪:前綴文字顏色、後綴文字顏色、後綴底色三個色票選單,點開是完整的選色盤;一個透明背景勾選;字級滑桿從 30 拉到 200 像素,預設 60;字型下拉選單列了 101 種 Google Fonts 字型,從襯線到手寫體都有,預設 Roboto。還有一個反向高亮勾選,把色框從後段換到前段,配色邏輯整個倒過來。這幾個參數湊起來,同一組文字可以排出非常不同的味道,我在同一個工作階段裡試了五六種組合,每次都即時渲染,沒有卡頓。

預覽框上方常年掛著一行提示,叫你編輯文字就能做出自己的 Logo;旁邊的 Tweet 按鈕帶出來的是一段固定的介紹文字加官網連結,不會帶上你做的圖,要把圖分享出去還是得自己存檔上傳。
介面只有英文,不過整個頁面需要讀的字大概不超過二十個單字,憑圖示就能操作。右上方掛著 Fork me on GitHub 的緞帶,頁尾是開發者的個人連結,整體就是一個獨立開發者的作品該有的樣子,沒有多餘的行銷頁。
Export 按鈕點開是一個兩項選單,PNG 和 SVG。我實測輸入 Tech 加 Moon 之後各下載了一次。PNG 是 355×130 像素、8KB 的圖片,預設帶黑色底;控制列上勾了透明背景再匯一次,四個角落就全部變成透明,可以直接疊在簡報或任何底色上。檔名會自動用你輸入的兩段文字組合,所以我的檔案叫 Tech-Moon.png。OnlyFans 版產生的檔案同樣規則,配色換成黑底配藍色方塊。
PNG 的 355×130 是跟著字級和文字長度自動算的,不是我設定的。這意味著字拉到 200 像素、文字打長一點,圖片就跟著變大,匯出前在預覽框看到的比例就是最終比例,所見即所得。
兩個檔案裡,SVG 是值得停下來看的那個。
多數人對向量檔的印象是輕巧、怎麼縮放都不失真。同一個 Logo,PNG 是 8KB,SVG 卻是 3.4MB,相差四百多倍。我把 SVG 檔解開看內容,找到原因:它把整個預覽框的網頁元素包進 SVG,文字並沒有被轉成向量路徑,你選的字型以 base64 編碼塞進檔案裡,解開數了一下,@font-face 規則有 21 個,扣掉兩個圖示字型,文字字型也內嵌了 19 個。這樣做的好處是檔案自包含,拿到任何機器打開,字型都長得一樣,不會因為對方沒裝 Roboto 就掉回系統預設字體。代價就是體積,一個兩個字的 Logo 背了整套字型出門。
對使用者的建議很實際:貼簡報、傳訊息、當頻道頭像,用 PNG 就好。真的要向量檔,拿去 SVG 減肥工具 跑一輪再說,砍掉用不到的內嵌資料通常能小掉一大截;或者接受它的用途本來就是「帶著字型走」的完整檔案,3.4MB 在今天也不算誇張。有一個陷阱要先講:這種包著網頁元素的 SVG,在瀏覽器裡打開沒問題,拿去繪圖或設計軟體開,裡面的內容經常不被支援,你看到的會是接近空白的畫面。想進設計軟體後製的人,這個 SVG 幫不上忙,一開始就存 PNG 檔反而實際。這是設計取捨,只是你要知道自己在下載什麼。
不用註冊這件事有技術上的原因。我翻了它的原始碼,匯出邏輯在 ExportBtn.vue 這個元件裡:一套叫 dom-to-image 的函式庫把預覽框的網頁元素直接轉成圖片,PNG 走瀏覽器內建的 canvas 繪製後打包,SVG 走網頁元素包裝,全程都在你的瀏覽器裡完成。沒有伺服器幫你算圖,自然不需要帳號,就原始碼與這輪實測所見,它那邊不會有你打過什麼字的紀錄。那一百多種字型也不是它自己養的:頁面開啟時從 Google Fonts 的公開伺服器把字型檔載回你的瀏覽器,網站自己只維護一份選單,這也是 SVG 匯出要連字型一起包進檔案的原因,檔案離開瀏覽器之後就沒人再幫它載字型了。
我實測時盯著瀏覽器的網路請求看了一遍:打字與匯出的過程,沒有任何一個把文字內容送出去的請求。頁面本身載了 Google Analytics 和 Google AdSense,點下匯出時會回報一個下載事件,但那個事件只有動作本身,不含你打的字。你改過的設定會存在瀏覽器的本機儲存空間裡,原始碼裡的鍵名就叫 logoly-generator-state,下次打開網站,上次的文字和配色還在。它不做雲端同步,換電腦或清快取就會重來。
免費的代價是廣告。實測時頁面右側和底部都有廣告版位,其中一則的邊緣剛好壓到常見問題區,還有一則長得像功能按鈕的廣告混在控制列附近,游標移過去才看得出來不是網站自己的東西。廣告內容會輪動,不一定每次都一樣,但要有心理準備:這是一個靠廣告支撐的免費工具,畫面不會永遠乾淨。
網站常見問題區對授權的官方回答,逐字翻譯是:「產生的 Logo 完全屬於你,你可以自由用於任何用途,雖然註明出處永遠受歡迎。」這句話是站方說的,也是它給你的承諾,指的是它交付給你的那個圖檔:你做的圖歸你,不用付錢,商用它也不管。
這裡其實有兩層授權,分開看會更清楚。程式碼本身用 WTFPL 釋出,那是一份幾乎不設任何條件的寬鬆授權,喜歡的話你可以把整個網站搬一份自己架,官方需求寫的是 Node.js 18 以上加 npm,對會寫程式的人不算門檻;而常見問題那句話,管的是它產出給你的圖檔。兩層都大方,但都沒有觸及第三件事。
第三件事就是被模仿的商標。商標屬於原品牌,工具能授權的是它自己生成的檔案,授權不了別人的商標。用在自己的迷因、簡報開場、實況畫面這類戲仿性質,通常不會有人來找你;拿去開店當招牌、印在商品上賣、做成讓人誤會跟原品牌有關的東西,風險就得自己扛。真要查一個商標的註冊狀態,世界智慧財產權組織的全球品牌資料庫是免費的公開管道。這一段是編輯判斷,不是法律意見,商業使用前有疑慮就找專業意見。
會擔心工具突然消失是合理的,這個專案的履歷倒是可以讓人放心一點。變更紀錄顯示它 2019 年 3 月上線,第一個版本就有 PNG 下載和自訂字型;三天後加了直式版;2020 年 10 月加了字型選單;2024 年 3 月升級到 Vue 3,加了 OnlyFans 版和 SVG 匯出;2025 年 11 月做了一輪大整理,補上自動化測試並要求覆蓋率、把建置流程搬進持續整合;倉庫裡另一條改寫分支的提交記錄一路到 2026 年 7 月。GitHub 上近八千顆星、近八百個 fork,一個人養了七年多的專案還有這個節奏,不算常見。
開發者是白宦成,署名 Bestony,天津的獨立開發者,GitHub 上有一千五百多位追蹤者。開發中的新版本我看了分支原始碼,介面在加多語系,語言選單有英、日、法、西和簡體中文,就是沒有繁體中文,這條分支的提交停在 2025 年 12 月;還有人以這個專案為底做了通訊軟體的小程式版本。這些都說明它還是一個活著的生態,只是部署到正式網站的速度偏慢,分支裡的新功能何時上線沒有時間表。
目標明確的人很適合:你要一張黑橘配色的雙段文字圖,用在迷因、頻道封面、簡報開場或實況畫面,打字、調色、下載,一分鐘內結束,而且圖檔完全免費歸你。操作成功的判斷很簡單,Export 之後下載匣出現以你的文字命名的檔案,就是成了。
需求超出這個格式的人就別勉強。它做的是單一格式的文字圖,不是品牌識別系統;要多種版位、完整配色規範、可編輯的原始檔,線上 Logo 設計工具或設計師才是對的路。真的只想把文字排成好看的字型標誌,也有專門的文字 Logo 產生器;要的是文字轉向量檔,專門把文字轉成 SVG 的工具更對口。知道自己在下載哪一種檔案、圖要貼去哪裡,這個工具就會一直是你工具箱裡最快的那把小剪刀。