TEHTY: Uusi logo palstalle

Yhteisö Kehitys
61

Mystinen juttu - SVG ei suostu toimimaan logona, eikä pysty liittämään viestiinkään, vaikka Chrome ja Firefox osaavat kyllä kuvat itsessään avata, eli formaatissa ei pitäisi olla vikaa. Pitää tutkia.

62

Hei, olin laittamassa logoja palstalle PNG muunnoksen kautta, SVG ratkaisua odotellessa, mutta huomasin logon oranssin olevan #e7622f eikä #ff6600. Sävyero on pieni, mutta koko värimaailta on tehty tuon oranssin ja sinisen (#154890) sävyn perusteella.

63

No, GIMPillä tuo väri vaihtui ja uusi logo paikallaan – miltä näyttää? Ja isot kiitokset käyttäjälle @Kilo!

  • Upea!
  • Hieno.
  • Ihan OK.
  • Teen ja toimitan vielä paremman.

0 voters

65

Nonni, olinkin vastaamassa, mutta uuden pohjan ansiosta keskustelu päivittyi reaaliajassa, enkä turhaan kirjoittanut pitkää postausta, joka syventyy ihmishistorian korrelaatioon suhteessa logo-oppiin.

Seuraillaan, miten homma etenee. Pienen, noin pikselin heiton (tms.) olin huomaavinani siirryttäessä laajasta kuvasta neliökuvaan.

66

Näyttäisi vaaka ja neliöversiossa olevan mainitsemasi ~pixelin (skaalattuna) ero Tapparan kilven geometriassa. Se on hitusen kapeampi leveässä versiossa.

67

Mitä minä tai me voimme tehdä asian korjaamiseksi?

68

Ensiksi pitää varmaan ymmärtää onko ero kuvatiedostoissa, vai tuleeko se jostain muualta?

69

Bugi löytyi - neliöversio ei ala vasemmasta reunasta, kuten vaakaversio tekee. Toisaalta cropattu versio ei ole neliö. Tästä johtuen kumpaa tahansa käytettäessä tapahtuu pieni siirrtymä tai muodonmuutos kun logo vaihtuu.

70

1080×593 50.1 KB

Tältä näyttää Samsun S5 Neon ruudulla.

71

Hmmm. Katsoin myös omalla puhelimella, jossa Android 5.1 ja Chrome, eikä siinäkään antialisointi oikein toimi ja pieni osa logon alaosasta rajautuu pois. Katsoin lisäksi Nokialaisella (joku vanhempi malli) ja siinä logo oli vielä rujompi.

72

Keksin kiertotien jolla sain SVG logot ainakin väliaikaisesti paikalleen.

  • PC renderöinti huononi (Chrome, Linux, 1440x900)
  • Känny renderöinti parani (Android 5.1 ja WP10, 720p

@ozzi, pitäisiköhän tuota logon kokoa isontaa hieman PC näkymässä?
@Kilo, edellämainittu “kokoheitto” on myös SVG versioissa. Lisäksi oranssin sävy on astetta “likaisempi”

73

@ljpp No onhan tuo kyllä kieltämättä paremman näkönen kun sitä vähän isontaa, on sen verran komea logo kuitenkin.

2901×1831 362 KB

Ja menee tosiaan tällasilla loitsuilla. Marginaalia sen mukaa mitä laittaa kokoo että se osuu keskelle.

#site-logo.logo-big {
    max-height: 50px;
    margin-top: -5px;
}

Ja sama pikku-logolle

.logo-small {
    max-height: 50px;
    margin-top: -5px;
}
74

Nyt osuu muute tuo pikkulogo ja iso logo kohillee.

75

Jotain pientä geometrian muutosta siinä edelleen tapahtuu. Tällä päästään hyvin eteenpäin, mutta jos @Kilo jossain kohtaa pystyisi toimittamaan päivityksiä, niin hienoa!

Alan olemaan aika valmis sulkemaan tämän ketjun?

76

Omalla Note 4 puhelimella tuo iso logo leikkaantuu pikkusen alareunasta. Vaatii vielä pientä säätöä mutta ketjun voi kyllä jo hyvin lyödä lukkoo. Näitä pikkuhommia voi säätää ku isot jutut toimii.

77

Android Chromessa tosiaan tapahtuu hiuksen hieno leikkautuminen. Mutta paljon isompi bugi on tämä:

78

Ton sais varmaa fiksattua jollai pikku muokkauksella . Laittaa vaikka pikkulogo tilalle tms. Vokn katsoo tässä joku päivä kun ehdin.

81

No, mutta - iskeehän se! Tohon yläbanneriin tuo ei istu skaalautuvuuden takia, mutta todellakin tiedän paikan mihin tuon voisi laittaa (kerron myöhemmin).

Sellainen pyynti, että tsekkaatko värien olevan:
Oranssi: #ff6600
Sininen: #154890

Resoluutio voi olla vähän isompikin, esim. 350ox korkea (tai SVG)

82

Jep, korjaan värit