I-resize ang raster na logo nang hindi tinatakpan ang transparent na background

Maaaring magsimula bilang vector drawing o layered na design file ang brand mark. Itabi ang master na iyon para sa mga susunod na export at propesyonal na production work. Nire-resize ng pahinang ito ang suportadong raster image; hindi ito gumagawa ng SVG, nagko-convert ng bitmap sa nae-edit na path o pumapalit sa maayos na brand asset library. I-export ang kailangang raster na logo mula sa orihinal na application kapag posible.

Hindi magandang source para sa malaking karatula o print project ang maliit na imaheng kinopya sa website header. Nagdadagdag ng pixel ang pagpapalaki rito nang hindi naibabalik ang orihinal na outline. Para sa website o profile picture, pumili ng asset na may sapat nang detalye para sa nilalayong display. Tiyaking tama ang light o dark na bersiyon ng marka at hindi pa natatanggal ang umiiral na clear space nito bago magsimula.

Ipinagkakasya ng panimulang setting ang source sa loob ng 800×800 pixel, gumagamit ng PNG at pinapatay ang sharpening. Halimbawa para sa raster na delivery asset ang fit box, hindi kinakailangang sukat ng logo. Baguhin ito ayon sa layout. Pinananatili ng Magkasya sa loob ang buong proporsiyon ng source at hindi nagpapalaki ng mas maliit na file, kaya hindi biglang magiging parisukat ang mahabang wordmark.

Pinananatili ng PNG ang alpha na nasa source na. Pinapatong sa puti ng tool na ito ang mga JPEG at WebP output, na maaaring gawing hindi angkop ang logo sa madilim na header. Hindi pinapaliit ng quality slider ang PNG; mas maliit na pixel dimension ang pangunahing nababagong paraan dito. Suriin ang manipis na stroke, espasyo sa loob ng mga letra at semitransparent na gilid pagkatapos paliitin. Maaaring baluktutin ng dagdag na sharpening ang mga detalyeng ito, kaya huwag ituring na brand-quality setting ang Malakas.

Ilagay ang na-download na imahe sa mga background ng pahina kung saan gagamitin ito. Tingnan ang mobile header, desktop header at anumang maliit na bersiyon sa footer. Kahit teknikal na transparent ang logo, maaari pa ring may maputlang edge pixel na nagiging halo sa madilim na ibabaw. Ayusin ang source asset kapag nangyari iyon. Hindi mapapalitan ng compression ang maling kulay ng brand o maaalis ang lumang background na nakabaon na sa imahe.

Para sa bilog na profile display, tingnan ang crop preview ng destinasyon. Maaari pa ring mawala ang bahagi ng mahabang wordmark sa loob ng bilog kahit parisukat ang raster file. Gumawa ng angkop na source composition sa design application kaysa ipilit sa hugis na nagtatago ng mga letra. Para sa web accessibility, bigyan ang naka-link na logo ng angkop na accessible name at iwasang ang napakaliit na embedded slogan lamang ang paglagyan ng mahalagang impormasyon. Subukan ang isang asset bago iproseso ang set ng variant, at panatilihing hindi nababago ang mga orihinal na master. Lahat ng pagproseso rito ay nananatili sa browser.

Ilagay ang logo sa pinakamaliit na totoong gamit nito, gaya ng compact na mobile header, at ihambing sa mas malaking puwesto sa desktop. Suriin ang makikitid na pagitan ng letra, maliliit na simbolo at anumang detalye ng registered mark na kailangan ng disenyo. Kung hindi gumagana ang marka sa laking iyon, maaaring kailangan ng pinasimpleng brand variant mula sa designer. Hindi kapalit ng variant na iyon ang dagdag na sharpening. Subukan din ang transparent na export sa eksaktong kulay ng pahina, dahil maaaring hindi makita sa puting preview ang malambot na puting halo. Itala kung aling source variant ang para sa bawat background.