用一串程式碼做的畫,欣賞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
圖/ 愛范兒

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

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

關鍵字: #瀏覽器
往下滑看下一篇文章
迎戰大缺工時代!德國凱馳在台首推「智慧自主洗地機器人」,開啟商用清潔革命
迎戰大缺工時代!德國凱馳在台首推「智慧自主洗地機器人」,開啟商用清潔革命

在少子化與高齡化的雙重夾擊下,台灣勞力結構正面臨前所未有的嚴峻挑戰,預估從2020至2030年間,15至64歲的勞動人口將減少約10.3%。「缺工」不再是短期波動,而是長期影響各行各業的結構性危機,尤以高度依賴人力的清潔產業為甚。

然而在後疫情時代,社會對場域的衛生標準只增不減,加上大型商場、交通樞紐、物流中心與高科技廠房的建設面積每年持續擴增,清潔人員招募困難且年齡漸趨中高齡,有限人力難以扛起龐大的日常清潔工作。

面對亟待填補的市場空缺,全球清潔設備領導品牌德國凱馳,憑藉深厚的專業底蘊與嚴謹的研發標準,首次在台推出「KIRA BR 50智慧自主洗地機器人」,為台灣大型商用場域提供劃時代的智慧清潔解方。

凱馳總經理李恒毅觀察,少子化與高齡化衝擊清潔產業,透過更省時省力的「人機協作」模式,可大幅減輕第一線清潔人員負擔。
凱馳總經理李恒毅觀察,少子化與高齡化衝擊清潔產業,透過更省時省力的「人機協作」模式,可大幅減輕第一線清潔人員負擔。
圖/ 數位時代

凱馳總經理李恒毅強調,「KIRA BR 50並非要取代清潔人員,而是建立更省時省力的『人機協作』模式。」在傳統模式下,清潔人員必須拖著重達數十公斤的水桶與設備,在大面積區域來回奔波,耗時費力。有了KIRA BR 50後,機器人能精準且獨立承接大面積地板的頻繁清掃與洗刷,讓清潔人員將珍貴時間與專注力轉移至桌面、扶手及高接觸頻率的精細區域清潔,大幅減輕第一線負擔。

集結百年洗地技術與智慧科技,四大特點樹立清潔標竿

事實上,市場不乏新創科技公司推出清潔機器人,但凱馳業務總監李敍均指出,大多新創公司擅長科技部分,但對於「如何把地洗乾淨」的清潔本質缺乏經驗。德國凱馳成立近百年來,早已是這方面的專家,歷經總部反覆打磨,KIRA BR 50結合凱馳的專業工藝與前沿科技,以四大特點樹立智慧清潔標竿。

凱馳業務總監李敍均指出,「KIRA BR 50智慧自主洗地機器人」經過德國總部嚴格打磨才正式問世,展現德國工藝的嚴謹與專業。
凱馳業務總監李敍均指出,「KIRA BR 50智慧自主洗地機器人」經過德國總部嚴格打磨才正式問世,展現德國工藝的嚴謹與專業。
圖/ 數位時代

首先是「高效清潔」,相較一般清潔機器人使用盤刷,容易讓污垢在地面旋轉滯留,KIRA BR 50採用獨家滾刷技術,一次完成預掃、收集垃圾、洗地與擦乾,搭配側刷貼近牆角,完成零死角邊緣清潔。每分鐘超過1300轉的高轉速刷頭,加上業界最高刷壓,大幅提升清潔效果,最高每小時可自主清潔高達2365平方公尺,相當於5.6座籃球場,一小時即可完成約兩次台北車站大廳的清潔作業,非常適合面積廣大的車站、機場、物流中心等大型場域使用。

第二是「極致安全」,隨著智慧設備進入高科技產業與政府機關等敏感場域,企業對設備安全與隱私防護的要求也日益提高,KIRA BR 50配備「3D點陣式影像偵測技術」,當機器人在環境感知與避障時僅呈現去識別化的點陣雲,不記錄或上傳實體影像,從源頭杜絕案場影像與隱私資訊被記錄或外洩的疑慮。此外資料傳輸裝置均支援AES-256位元高規格加密,並通過IEC與Syss等多項國際認證的自主導航、電氣安全與防駭客入侵設計,領先競品,建立清潔機器人極致安全的新標準。

第三是「解放人力」,大面積且重複的洗地工作交給機器人後,第一線員工便能投入更多需要專業服務的細緻清潔工作;同時搭配四合一自動工作基站,能自動高速充電、補充清水、排放汙水、清洗水箱,讓清潔人員更加省事。

第四是「友善操作」,考量許多清潔人員為中高齡族群,機身特別以簡單顏色和圖形化介面標示清潔人員可獨立操作的簡易按鈕,直覺易懂。針對開放式大面積,僅需人工操作一次,機器人便可在短時間內自主完成地圖掃描與路徑規劃,並具備智慧記憶功能,能自動回補因臨時障礙物而漏洗的區域,無須專業工程師提前設定地圖與電子圍籬,大幅降低使用門檻。

第一線清潔龍頭實測驗證,人機協作打造清潔新紀元

這套智慧清潔方案在正式推向市場前,也已在台灣機場等第一線大型場域實地驗證,與凱馳合作長達10多年的台灣清潔產業龍頭——信實集團,正是這場科技變革的最佳見證者。

信實集團副總經理趙雪吟相當期待未來在大型公共場域中引進KIRA BR 50,藉此提升清潔效率。
信實集團副總經理趙雪吟相當期待未來在大型公共場域中引進KIRA BR 50,藉此提升清潔效率。
圖/ 數位時代

信實集團承攬機場、車站等眾多大型公共標案,對設備品質與安全極為挑剔,信實集團副總經理趙雪吟坦言,「服務業缺工已經是全面性挑戰,第一線清潔產業長期面臨人力招募困境,引進自動化設備是不可逆趨勢。」

早在一、兩年前他親赴德國凱馳,看到KIRA BR 50後,便非常期待正式在台上市的一天。此次信實率先參與驗證,對KIRA BR 50展現出的穩定度與清潔效率印象深刻,不僅能高效自主洗地,完成後還會返回工作站維護充電,讓有限人力集中於精細工作上。

「KIRA BR 50智慧自主洗地機器人」具備四大特點,以高效清潔與極致安全協助企業穩定清潔量能。
「KIRA BR 50智慧自主洗地機器人」具備四大特點,以高效清潔與極致安全協助企業穩定清潔量能。
圖/ 數位時代

趙雪吟也特別強調,公家機關與大型企業標案對設備的製造品質、電氣安全與資安防護有嚴格標準,凱馳耗費數年進行嚴謹測試與多項國際認證,正是信實能放心將機器人引入重要案場的關鍵,期望未來導入至更多大型公共場域。

隨著KIRA BR 50正式登台,凱馳不僅為缺工時代提供最佳解方,也展現作為全球清潔設備領導品牌的前瞻視野,敏銳洞察清潔產業缺工、高齡化的必然趨勢,從第一線人員與企業實際需求出發,提前佈局研發對應智慧產品。未來凱馳將持續以領航者之姿,引進多元的專業清潔機型,讓「人機協作」不再只是前瞻概念,而是兼顧品質、安全與人本價值的最佳幫手,全力助攻台灣清潔產業邁向更高效、智慧、也更有溫度的全新紀元。

在2026台北國際自動化工業大展中,凱馳也將「KIRA BR 50智慧自主洗地機器人」帶到現場,展示人機協作的智慧清潔模式。
在2026台北國際自動化工業大展中,凱馳也將「KIRA BR 50智慧自主洗地機器人」帶到現場,展示人機協作的智慧清潔模式。
圖/ 數位時代
關鍵字: #機器人

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

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