用一串程式碼做的畫,欣賞Chrome、Safari、Edge不同的「藝術」風格
用一串程式碼做的畫,欣賞Chrome、Safari、Edge不同的「藝術」風格

如果你的瀏覽器會畫畫,那它會畫出怎樣一幅畫呢?

如果瀏覽的小說文字多,那可能是文字組合多多的黑白圖畫;如果是線上看不同的動漫作品,那估計是色彩繽紛的普普畫作;要是每天都在看攝影美圖,那瀏覽器畫出的可能是一幅光影變幻的印象畫。

可惜瀏覽器不是AI,沒辦法根據自己的代碼、特性來畫一幅畫。

Web Browser1.jpg
Chrome的畫。
圖/ 愛范兒

但這也沒關係,數位藝術家黛安娜.史密斯(Diana Smith)設計了一串純web的程式碼,每個瀏覽器在加載頁面時都會將其呈現為繪圖。

史密斯一直以來都在進行的嘗試是用CSS和HTML作出畫作。所有的元素都是手動的輸入,僅允許使用Atom文本編輯器和Chrome的開發者工具進行操作,同時SVG元素的使用也可能受到限制。它的項目和源代碼都可以在GitHub中查詢。

這一次,史密斯的「作畫」和不同的瀏覽器有關。除了Chrome瀏覽器能夠呈現圖片本身預想的畫作外,其它瀏覽器都會「畫」出不同的圖像。這也展示了不同瀏覽器轉換工作的差別。

Web Browser2.jpg
▲ Diana Smith的其它藝術作品
圖/ 愛范兒

這不是說其它的瀏覽器都不如Chrome,只是作者在一開始並沒有考慮過跨瀏覽器兼容的問題。

但就是因為沒有兼容,這串代碼反而畫出了不同的「有趣」圖畫。

由於這個項目的藝術性,因此我不關心跨瀏覽器的兼容性,所以即時預覽可能在除Chrome之外的任何瀏覽器中看起來都很可笑。

在Safari瀏覽器中,蕾絲的花邊裝飾覆蓋在了女人的臉上,這片蕾絲本應該出現在女人的脖頸後方作為裝飾品。

Web Browser3.jpg
Safari的畫。
圖/ 愛范兒

而在2014版本的Opera瀏覽器中,畫作變得更加詭異了,有了一種全然不同的風格。脖子分成了三個部分,眉毛、頭髮、眼睫毛的位置都出現了偏移和錯位,以一種更像條碼的方式展現。脖子、眼睛也出現了位置的偏移,這是一張平面的、詭異的畫作。

Web Browser4.jpg
Opera的畫。
圖/ 愛范兒

而讓人感覺十分複雜的是Edge瀏覽器。雖然他的名字Edge有「邊緣」的意思,但在這次作畫中,它自動「畫」掉了所有的邊,讓項鍊消失,使整幅圖畫更為平滑。

這幅畫作還是所有畫中看起來最為陰沉的一幅。

Web Browser5.jpg
Edge的畫。
圖/ 愛范兒

還有曾是世界上最流行的瀏覽器——Netscape Navigator(網景領航員),儘管它的市場佔有率一度達到了90%,但今天可能很多人都沒有聽過它的名字了。

即便如此,它依然是最有風格的瀏覽器創作者,畫出的圖像自成一派。

臉變成了方塊,嘴巴、眼睛等五官都變成了不同大小的方塊,深色的毛髮變為了條碼狀的線條。有點像樂高,也有點像《當個創世神(minecraft)》風格。Vice覺得這個顏色和微軟的Edge瀏覽器基本保持了一致,或許是因為這兩家公司都曾統治了90年代。

Web Browser6.jpg
Netscape Navigator的畫。
圖/ 愛范兒

Diana Smith說:「當你在不同的瀏覽器上查看這張圖片時,你就像是在查看網路的歷史,以及當時用戶對瀏覽器的要求。」

事實上,雖然這個數位藝術完全是藝術方面的探索,但也很容易讓人聯想想到中國多年前的一場行銷活動——IE6殲滅戰。

Web Browser7.jpg
圖/ 愛范兒

當時還有很多用戶在使用存在較大安全隱患的IE6,於是奇虎360號召大家和周鴻禕一起「真槍實彈」地消滅IE6。用戶只需要登錄活動主頁就能自動檢測用戶瀏覽器的IE內核版本,檢測自己是否正在使用不安全的IE6。

若用戶瀏覽器內核為IE6版本,主頁的哆啦A夢就無法顯示出本來的形象,五官扭曲,分辨不清。而IE8內核的瀏覽器則能很清晰地顯示哆啦A夢,圖片顯示的直接不同也能提醒用戶升級瀏覽器。

Web Browser8.jpg
圖/ 愛范兒

七年前的行銷活動和今天的數位藝術品,二者都很有趣。

責任編輯:江可萱、蕭閔云
本文授權轉載自:愛范兒

關鍵字: #瀏覽器
往下滑看下一篇文章
從「找工作」到「選職涯」:企業吸引力的競爭規則,正在被Z世代改寫
從「找工作」到「選職涯」:企業吸引力的競爭規則,正在被Z世代改寫

如果觀察近一兩年的人才市場,會發現一個明顯的變化:Z 世代在選擇工作時,問的問題已經不一樣了。

過去,多數求職者關心的是薪資、福利與職稱;但現在,年輕工作者更在意的是訓練制度、發展機會及工作方式:「這份工作能不能讓我持續成長?」「公司是否具備清晰的學習與發展路徑?」「企業的工作方式是否跟得上科技變化?」等問題,逐漸成為Z世代人才評估企業的關鍵。

這種評估標準的質變,在 Deloitte 發佈的《2025 Z世代與千禧世代調查報告(2025 Gen Z and Millennial Survey)》中得到了印證。調查發現,高達 70% 的 Z 世代每週都在積極學習工作技能、推進職涯發展,74% 更認為生成式 AI 將在一年內改變工作方式。對他們而言,工作不再只是「一份職位」,而是一個能否讓自己持續成長的平台。

從「找工作」到「選職涯」:Z 世代改寫企業吸引力標準

此外,從企業近年校園徵才經驗,或與人才互動的過程中,亦可明顯感受到這股求職心理的轉變。像網銀國際便曾提出,新世代眼中理想企業的「三大標配」:第一是具備足夠的成長空間,提供完善的教育訓練制度與職涯發展機會;第二是開放多元的對話氛圍,讓創新的想法能有實踐的舞台;第三則是具象的職涯影響力,求職者不再滿足於當一顆螺絲釘,更期待在團隊中看見自己的實質貢獻。

從這三項條件可以看出,Z 世代在意的已不只是工作本身,而是工作能否帶來持續成長與參與感。也因此,他們更傾向選擇與自身興趣相關、能累積成就感並實現自我價值的工作。這種以「成長與意義」為核心的職涯選擇,也讓泛娛樂產業成為更受青睞的就業選擇。

泛娛樂產業提供的不只是單一職種的選項,而是涵蓋創作、技術、營運與商業整合的多元職涯場域。根據《Keypo 大數據關鍵引擎》的分析,2025 年泛娛樂產業相關職涯發展的討論聲量較前一年成長 74%,遠高於職缺聲量 26% 的增幅,顯示市場對泛娛樂產業的關注焦點,正從「有沒有工作機會」,轉向「這份工作能帶來什麼樣的發展」。

其中,作為泛娛樂產業生態圈一員的網銀國際,職涯討論聲量更出現 4 倍以上的爆發式成長,不僅反映品牌能見度的提升,亦顯示外界對其「職涯發展機會」的關注正快速升溫。

把成長變成可被體驗的日常:網銀國際的人才策略三大面向

為回應年輕世代對成長與學習的期待,企業的人才策略不能只停留在提供職缺,必須讓人才清楚看見自己的發展路徑。為此,網銀國際從人才培育、管理共識,以及內部發展機會3個面向切入,將「成長」這件事,轉化為員工在日常工作中能實際感受到的體驗。

首先,是進入公司第一天就開始的人才培育。對許多新鮮人或轉職者而言,挑戰往往不在於工作本身,而是如何在短時間內融入環境並找到工作節奏。網銀國際透過系統化的新人訓練,搭配定期關懷問卷與面談,主動掌握員工的適應狀況,同時提供專業課程與培訓補助,協助員工在熟悉組織的過程中持續累積能力。這樣的設計,讓學習不再是額外負擔,而是自然嵌入日常工作中,也降低了職涯初期的不確定感。

網銀國際二-網銀國際系統化培訓.jpg
網銀國際透過系統化培訓,協助同仁穩定適應並持續累積專業能力
圖/ 網銀國際

其次,是透過管理共識,讓工作方式更清晰、成長更可預期。為避免不同主管風格造成落差,網銀國際導入「主管共識營」,透過系統化訓練,建立管理者帶人與跨部門協作的共通原則。對員工而言,這不僅能減少跨部門合作的摩擦,也讓績效評估更具一致性與透明度,使職涯成長路徑更為清楚可循。

網銀國際三-主管領導力共識營.jpg
網銀國際導入「主管共識營」,強化領導與管理能力
圖/ 網銀國際

最後,是提供多元的內部發展機會,讓職涯發展不再侷限於單一角色。考量到Z 世代對於職涯的期待,除了升遷之外,還包括能否橫向拓展工作邊界。網銀國際透過集團內的跨部門與跨事業體輪調機制,讓員工有機會在不同領域之間探索與轉換,打造更具彈性的發展路徑。如此一來,職涯不再是線性前進,而是可以隨著興趣與能力持續調整方向,讓「成長」成為一段能被主動規劃的過程。

「網銀國際的人才培育不只是一套訓練制度,而是從不同階段建立支持機制。」網銀國際人資長Julia強調,從主管共識營、實習雙導師制度,在制度之外,網銀國際也將員工身心健康納入人才策略中,透過 EAPs 員工協助方案及相關支持機制,確保員工身心健康,並協助其在工作與生活之間取得平衡。當員工能在工作中持續成長、也感受到被支持與理解,自然就能產生幸福感,成為企業邁向永續發展的重要基石。

網銀國際四-DEIB員工關照講座.jpg
網銀國際舉辦員工紓壓系列活動,鼓勵同仁適時釋放壓力、 關注身心健康
圖/ 網銀國際

隨著 AI 與數位技術持續重塑產業地景,網銀國際資深技術總監曾于修認為,求職者的核心競爭力已不再僅是單一技能的深度,而是培養持續學習的習慣,並且願意跨出原本的專業邊界。

也因此,企業能否提供一個支持學習、鼓勵嘗試,並讓職涯持續延伸的環境,正逐漸成為吸引 Z 世代的關鍵。當求職者開始用「未來會成為什麼樣的人」來評估一份工作,企業所競爭的,也不再只是待遇條件,而是能否成為一個讓人才持續前進的場域。

從這個角度來看,網銀國際所打造的,不只是工作機會,而是一個讓職涯得以被設計、被累積的長期平台,透過這樣的環境,協助 Z 世代求職者成為一個懂得整合跨域能力、善用數位工具的人,使其在未來的職場賽道上,能夠走得更遠更寬廣。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
AI全球100+台灣20
© 2026 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓