# VDSDI (Part XI)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1742095803918/1e798e83-b6d3-4e6d-b692-630544de0260.png align="left")

(situs [**versuaist**](https://ver.sua.ist) sebelum dan sesudah pemutakhiran berkas CSS)

Demi membubuhkan sedikit *flair*, beberapa hari lalu mengunggah ulang berkas [CSS](https://en.wikipedia.org/wiki/CSS) situs [**versuaist**](https://ver.sua.ist/), setelah memutakhirkanya dengan sebuah jurus *old school* kegemaran, yakni *image replacement*. Kali ini saya tetap setia dengan [metode](http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/) bung [Scott Kellum](https://scottkellum.com/) dari tahun [2012](https://css-tricks.com/the-image-replacement-museum/), alih-alih mengadopsi metode yang [lebih](https://codepen.io/team/css-tricks/pen/363744a19ab224c5698cbcbd25c1f52a) [kekinian](https://codepen.io/team/css-tricks/pen/5414933b6ac90decbd90ac4a898ea973) dari [berkas CSS](https://github.com/h5bp/html5-boilerplate/blob/main/dist/css/style.css) [HTML5 Boilerplate](https://html5boilerplate.com/) prakarsa bung [Paul Irish](https://www.paulirish.com/) *cum suis*, alasannya sederhana saja, karena lebih ringkas.

Pada mulanya, saya menggunakan format [SVG](https://en.wikipedia.org/wiki/Scalable_Vector_Graphics) sebagai bahan *image replacement*, namun karena ternyata ukuran akhirnya masih jauh lebih besar ketimbang berkas [PNG](https://en.wikipedia.org/wiki/Portable_Network_Graphics) transparan, kali saya putuskan untuk memilih format *bitmap* ketimbang *vector*. Sebagai informasi, saya telah mengompresi kedua berkas tersebut menggunakan [SVGOMG](https://jakearchibald.github.io/svgomg/) serta [ImageOptim](https://imageoptim.com/mac), *respectively.* Akan tetapi, barangkali jumlah *nodes* pada *logotype* [**versuaist**](https://vvv.ver.sua.ist/vvv) memang terlampau banyak serta mustahil untuk dapat lebih direduksi, jadi ya begitulah, terpaksa dikompromikan.

([sua](https://sua.ist))