100% jpg

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

PHP Developer - medior functie

Functieomschrijving Ben jij innovatief en wil jij je kennis graag delen met jouw nieuwe collega's? Lees dan snel verder! Voor een leuke opdrachtgever in de omgeving van Roosendaal zoeken wij een Symfony developer. Of je nou junior, medior of senior bent, je krijgt hier alle vrijheid en verantwoordelijkheid om jouw eigen loopbaan te ontwikkelen. Je gaat je hier bezig houden met en inspelen op de actualiteiten van jouw vakgebied. Techstack: Symfony, PHP, mySQL. Kennis van Svelte is helemaal mooi meegenomen. Bedrijfsprofiel Al sinds '99 is dit webbureau actief. De kernwaarden binnen het bedrijf zijn integer, dienstbaar en deskundig. Je komt

Bekijk vacature »

C#.NET ontwikkelaar

Functieomschrijving Voor een gewaardeerde werkgever in regio Tilburg zijn wij op zoek naar een C#.NET ontwikkelaar. Je bent verantwoordelijk voor het ontwikkelen van dashboards, webapplicaties en apps voor de eigen IOT-oplossingen. Samen met een vooruitstrevend team van ontwikkelaars en engineers krijgen jullie de opdracht om de sensoren in de apparatuur te scannen en vervolgens de data om te zetten in belangrijke inzichten voor de klanten. Taken en verantwoordelijkheden: Heb jij ideeën over nieuwe technieken die jullie kunnen implementeren? Hier wordt echt naar je geluisterd en gekeken of jouw idee daadwerkelijk ingezet kan worden; Je gaat aan de slag met de

Bekijk vacature »

C# .NET Developer

Dit ga je doen Als developer nieuwe gave features implementeren; Werken met technieken als C# .NET en (REST) API's webservices; Ontwikkelen van koppelingen middels API's; Maken van technische keuzes en beslissingen over de architectuur; Junior collega's coachen; Initiatief nemen voor nieuwe technische mogelijkheden; Je bent een belangrijke schakel - en vindt het leuk - om te schakelen met de business. Hier ga je werken In een klein team van professionals ben je als C# .NET Developer verantwoordelijk voor het ontwikkelen van één van de applicaties voor het grootste inhouse product: een applicatie voor alles omtrent hypotheken. De programmeertaal die je

Bekijk vacature »

SAP HANA Cloud Application Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 12662 Introductie HANA Cloud Application Developer at a High Tech company. The company is the world's leading provider of lithography systems for the semiconductor industry, manufacturing complex machines that are critical to the production of integrated circuits or chips. Our purpose is “unlocking the potential of people and society by pushing technology to new limits”. We do this guided by the principles “Challenge”, “Collaborate” and “Care”. This role is situated in the Big Data Analytics (BDA) Domain. The teams have mixture of young talent and senior specialists and have a

Bekijk vacature »

Fullstack developer - medior

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie willen werken? Voor een mooi softwarebedrijf in omgeving Ridderkerk zijn wij op zoek naar versterking voor op de afdeling Software Development! Als Fullstack developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Werkzaamheden Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met

Bekijk vacature »

.Net Front-end Ontwikkelaar

Wij zoeken een .Net Front-end Ontwikkelaar! Omschrijving Kun jij snel schakelen en ben je stressbestendig? Dan zoeken wij jou! Als .Net Front-end Ontwikkelaar help je mee aan de webapplicatie die over de hele wereld door allerlei bedrijven wordt gebruikt. Je werkt daarnaast mee aan nieuwe en verbeterde functionaliteiten en helpt met het oplossen van bugs. Over de opdrachtgever Je komt te werken in een ambitieus team dat zich blijft ontwikkelen. Dit is alle informatie die we nu kunnen delen over de werkplek. Als jij de .Net Front-end Ontwikkelaar bent voor deze job, vertellen we je snel nóg meer. Eisen Heb

Bekijk vacature »

Fullstack Webdeveloper .NET Azure Big Data SaaS

Bedrijfsomschrijving Deze klant van ons is recentelijk onderdeel geworden van een grote moederorganisatie, ze zijn dé partij als het gaat om software maken voor ambitieuze ondernemers, ze maken maatwerk software. Vanuit het fantastisch vormgegeven hightech gebouw te Rotterdam centrum werken ze met zo'n 40 medewerkers aan hoogwaardige software gericht op financiële data, betaalinformatie, maar ook backoffice software. De software wordt webbased, desktop en mobile aangeboden en er worden zeer moderne ontwikkeltechnieken toegepast. Je moet dan denken aan patroonherkenning, Big Data, Machine Learning en OCR. Als Developer, ongeacht je niveau, ga je hier te maken krijgen met de allerleukste kant van

Bekijk vacature »

APEX Ontwikkelaar in een team van Oracle Developer

Bedrijfsomschrijving Wij zijn op zoek naar een APEX Ontwikkelaar om onze opdrachtgever in Den Haag te versterken. In deze rol zul je verantwoordelijk zijn voor het ontwikkelen en onderhouden van de front-end van onze applicaties met behulp van Oracle Application Express (APEX). Je werkt aan zowel inhouse als externe projecten. De sfeer binnen het Oracle team is gemoedelijk en men probeert elkaar te helpen én van elkaar te leren. Zo ontstaat er een prettige en plezierige werksfeer waar ruimte is voor persoonlijke ontwikkeling en groei. Er wordt gewerkt met de meest nieuwe technologieën waardoor je kennis up-to-date blijft. Het bedrijf

Bekijk vacature »

Medior/senior Back-end developer gezocht!

Functie Vanwege de groei binnen het bedrijf zijn we op zoek naar versterking in het devlopmenttean. Als back-end developer bouw je aan de bedrijfssoftware die ons helpt bij de primaire processen. Een leuk (intern) project dus waarbij je de software continu doorontwikkeld! Je werkt in een klein team, we hebben dagelijks stand-ups en iedere twee weken een scrum-sessie, begeleid door onze Scrum Master. Hierin krijg je uitgebreid de kans om je ideeën te presenteren, en te overleggen met je mede-ontwikkelaars en de Product Owner. Binnen de ontwikkelteams gebruiken we Trello, Gitlab, Jiira, Confluence en Boockstack. Hiernaast werken ze met de

Bekijk vacature »

Java developer (remote)

Functie Wat ga je doen als Java Developer? Jij als Java ontwikkelaar komt te werken in 1 van onze SCRUM teams. Momenteel werken er zo’n 30 ontwikkelaars binnen onze organisatie waarbij jij de brug slaat tussen het bouwen van verschillende functionaliteiten binnen onze applicaties en deze vervolgens te integreren in onze centrale hub. Je start je dag om 9 uur met een stand up en dan pak je jouw taken op voor de dag. Hieronder een aantal taken die jij zal uitvoeren: – Het bedenken en uitbouwen van features binnen de verschillende applicaties – Onderhouden van CI/CD pipelines – Bezighouden

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Voor een opdrachtgever in omgeving Zoetermeer zijn wij op zoek naar een ontwikkelaar ter versterking van het huidige developers team. Heb jij altijd al willen werken voor een bedrijf, dat veilige netwerkverbindingen levert, door middel van veilige oplossingen, die door middel van de nieuwste technologieën ontwikkelt zijn? Stop dan nu met zoeken! Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten

Bekijk vacature »

Low code Developer

Dit ga je doen Je richt je op het doorontwikkelen van bestaande applicaties en het geheel van scratch af aan opzetten van nieuwe applicaties binnen een low code platform; Je beoordeelt technisch ontwerpen en maakt de vertaalslag naar de technische oplossingen binnen het platform; Je voert testwerkzaamheden uit; Je adviseert de organisatie op jouw vakgebied; Je schakelt met business analisten en de architect om tot mooie oplossingen te komen; Je lost bugs op en denkt mee over een structurele oplossing. Hier ga je werken Het gaat om een bekend internationaal handelsbedrijf met ruim 800 medewerkers, verdeeld over verschillende deelbedrijven. Deze

Bekijk vacature »

Java Full Stack Developer

Java Full Stack developer What makes Cognizant a unique place to work? The combination of rapid growth and an international and innovative environment! This is creating a lot of opportunities for people like YOU — people with an entrepreneurial spirit who want to make a difference in this world. At Cognizant, together with your colleagues from all around the world, you will collaborate on creating solutions for the world's leading companies and help them become more flexible, more innovative and successful. And this is your chance to be part of the success story: we are looking for a (Senior) Java

Bekijk vacature »

Software developer

Functieomschrijving Voor een gewaardeerde werkgever in de regio van Middelburg zijn wij op zoek naar een ambitieuze PHP/Symfony Developer. Een enthousiast persoon die het development team komt versterken met het aanpakken van complexe en nieuwe projecten. Ben jij op zoek naar een baan met veel uitdaging binnen een snelgroeiend e-commerce bedrijf, waar je de tijd en ruimte krijgt voor zowel persoonlijke als professionele groei? Lees dan snel verder! Dit ga je doen: Aanpassingssuggesties van collega’s in kaart brengen, vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Ontwikkeling en beheer van de serviceportal in Symfony en

Bekijk vacature »

E-Identity Developer met Projectleider Kwaliteiten

Functieomschrijving Voor de kamer van koophandel zijn we op zoek naar een E-Identity developer met projectleider kwaliteiten. Voor deze opdracht zoekt KVK een Informatieanalist met Technisch Projectleider en ICT developer kwaliteiten, met kennis van E-identity. We zoeken in de breedte en niet specifiek in de diepte qua skillset. Een Junior Projectmanager, een Junior Informatieanalist, een Junior Developer (full stack), een Junior Designer en een Junior ICT architect ineen, met een sterk gevoel van stakeholder management en planning vaardigheden. Door de internationale setting, én de realisatie van ontsluiting van en naar basisregisters toe zijn wij op zoek naar enige ervaring binnen

Bekijk vacature »
Ozzie PHP

Ozzie PHP

04/01/2012 08:50:52
Quote Anchor link
Een vraagje. Als je in Photoshop kiest voor "Opslaan voor web en apparaten" (in de Engelse versie "Save for web") dan kun je de kwaliteit instellen. Het valt mij op dat als ik de kwaliteit op 100% instel dat de bestandsgrootte dan kleiner is dan wanneer ik het bestand als "normale" jpg opsla en de kwaliteit op "maximaal" (12) instel. Nu vraag ik me af hoe dat kan. Je zou toch verwachten dat een kwaliteit van 100% overeenkomt met het kwaliteitsniveau "maximaal". Maar blijkbaar zit hier dus verschil in. Ik ben bezig een template te maken voor mijn cms. De definitieve versie wil ik dan opslaan als jpg zodat ik 'm kan slicen, maar ik vraag me af hoe ik 'm dan het beste kan opslaan. "Opslaan voor web en apparaten", opslaan als "normale" jpg of misschien ongecomprimeerd als TIF? Wie kan er iets meer over zeggen? En waarom kun je bij "Opslaan voor web en apparaten" kiezen voor een kwaliteit van 100% terwijl dit blijkbaar dus geen 100% is? Wie o wie...
 
PHP hulp

PHP hulp

27/05/2026 12:02:08
 
Wouter J

Wouter J

04/01/2012 11:00:45
Quote Anchor link
Ik zou het als PNG opslaan. Heb je de beste kwaliteit en de meeste kleuren.

100% is inderdaad de beste JPEG kwaliteit. Dit zou groter moeten zijn dan 50%, maar kan volgens mij ook wel eens wat wisselen. Aan de bestandsgrootte alleen kun je niet zien wat de kwaliteit is.

Op net.tutsplus.com stond hierover een hele mooie tutorial een jaar geleden, ik zal hem eens opzoeken.
EDIT: 15 min. gezocht, blijkt het op webdesign.tutsplus.com te staan :(. Hier dan eindelijk de tutorial: http://webdesign.tutsplus.com/articles/general/image-types-and-usage-in-web-design/
Gewijzigd op 04/01/2012 11:27:38 door Wouter J
 
Ozzie PHP

Ozzie PHP

04/01/2012 11:34:34
Quote Anchor link
Thanks voor de link Wouter! Dat waardeer ik zeer. Ik ga het eens even allemaal doorlezen. Jij zegt dat je het als png zou opslaan... maar betekent dit dat je sowieso de lay-out van een website in png zou opslaan ipv jpg?
 
Wouter J

Wouter J

04/01/2012 11:37:22
Quote Anchor link
Ja, maar de basis staat allemaal in de tutorial uitgelegd.

Maar voor een design zou ik altijd PNG gebruiken, dan kun je spelen met opacity en krijg je de scherpste beelden.
Maar voor bijv. foto's zijn deze scherpen beelden veel te veel, dus dan gebruik je JPEG.
En voor simpele afbeeldingen gebruik je GIF. En zo moet je het echt per afbeelding bekijken.

Edit:
Dan bedoel ik wel PNG24 en geen PNG8
Gewijzigd op 04/01/2012 11:40:17 door Wouter J
 
Ozzie PHP

Ozzie PHP

04/01/2012 11:53:32
Quote Anchor link
Ik heb het doorgelezen. Duidelijk! Ik vraag me overigens af of webp (van Google) nog een succes gaat worden. Ik hoor er weinig over.
 
Elwin - Fratsloos

Elwin - Fratsloos

04/01/2012 11:54:44
Quote Anchor link
Ik snap niet helemaal waarom je een ontwerp om te slicen (of is het nou basen?) wilt opslaan in jpeg. Volgens mij is het het makkelijkst om het bestand in PSD op te slaan (of nog makkelijker, gebruik maken van Fireworks met de Fireworks PNG).

Als het bestand van lagen gestript is (plat gemaakt voor jpeg) is het volgens mij lastiger om van bepaalde elmeenten de eigenschappen (hoogte, breedte, correcte kleur, kleurverloop, schaduw, afronding, etc, etc) te bepalen. Als de afbeelding in PSD of Fireworks PNG beschikbaar is kan je dit allemaal in de eigenschappen van de elementen terugvinden.
 
Ozzie PHP

Ozzie PHP

04/01/2012 12:15:01
Quote Anchor link
Elwin, het is nu inderdaad een PSD. Maar het zijn zooooveel lagen. Dus vandaar dacht ik om het als 1 laag op te slaan in een jpg. Dat is / was de reden. Maar ik kan er in dat geval dus beter een png of tif van maken.
 
Wouter J

Wouter J

04/01/2012 12:20:35
Quote Anchor link
Voor het slicen zelf is het inderdaad het best gewoon PSD te gebruiken. Groepeer de lagen in mappen: header, nav, content, sidebar, footer, enz. Zo hou je het overzichtelijk, of maak gebruik van Slimme Objecten.

Vervolgens ga je de site schrijven in HTML. Schrijf gewoon alle HTML, geen CSS erbij en niet nadenken 'hoe zou ik dit doen in CSS', nee focus je dan op het schrijven van juiste semantische HTML. Een goede, maar wel ietwat lange, video hierover: Let's Write Semantic Markup van CSS-tricks.

Zodra je je HTML klaar hebt gaan je de CSS maken. Mocht je het niet lukken met alleen CSS, maar heb je ook een afbeelding nodig. Ga dan naar die laag, kopieer de afbeelding sla het op als PNG en gebruik het. Ik dacht dat je dit bedoelde, de afbeeldingen in je design, maar voor slicen PSD gebruiken!
 
Ozzie PHP

Ozzie PHP

04/01/2012 12:24:05
Quote Anchor link
Wouter, dat bedoelde ik ook ;)

Schrijf jij eerst je pagina helemaal in html (zonder enige opmaak, dus gewoon als tekst)en ga je daarna pas de css toevoegen?
 
Wouter J

Wouter J

04/01/2012 13:36:46
Quote Anchor link
Ozzie PHP:
Schrijf jij eerst je pagina helemaal in html (zonder enige opmaak, dus gewoon als tekst)en ga je daarna pas de css toevoegen?

Ja, want dan weet ik zeker dat ik HTML schrijf via de HTML semantiek en niet omdat het nodig is voor stijlen.

Even een snel gemaakt voorbeeldje:

Je hebt deze footer gemaakt:
Afbeelding

Nu ga ik HTML typen voor CSS, dus met in gedachte hoe ik alles ga opmaken (dit is dus verkeerd!):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<footer>
  <div class="contact">
    <h4>Contact</h4>
    <p>Webdesignstraat 45<br>
    3132 WD PLAATS<br>
    0600-34993106
  </div>
  <div class="about">
    <h4>About</h4>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere.</p>
  </div>
  <div class="social">
    <a href="http://twitter.com/"><img src="img/twitter.png" alt="Twitter"></a>
    <a href="http://facebook.com/"><img src="img/facebook.png" alt="Facebook"></a>
    <a href="rss-feed.xml"><img src="img/feed.png" alt="RSS feed"></a>
  </div>
  <div class="copyright">
    <p>&copy; Copyright 2012 - Wouter J</p>
  </div>
</footer>

Je denkt, dit ziet er aardig uit. Maar als je naar HTML semantiek kijkt klopt dit niet.

Als ik eerst alleen semantisch nadenk en daarna pas via opmaak krijg je het wel goed:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<footer>
  <section class="information">
    <div>
      <h4>Contact</h4>
      <address>
        Webdesignstraat 45<br>
        3123 WD  PLAATS<br>
        0600-3499306
      </address>
    </div>
    <div>
      <h4>About</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque. Sed pharetra nibh eget orci convallis at posuere.</p>
    </div>
  </section>
  <ul class="social-media">
    <li><a href="http://twitter.com/" title="My Tweets on Twitter">Twitter</a></li>
    <li><a href="http://facebook.com/" title="Become a fan on Facebook">Facebook</a></li>
    <li><a href="rss-feed.xml" title="Subscribe my RSS feed">RSS</a></li>
  </ul>
  <small class="copyright">
    &copy; Copyright 2012 - Wouter J
  </small>
</footer>

Qua semantiek is dit nu op zijn best. Alles heeft netjes een tag gekregen, het is duidelijk wat belangrijk is en wat niet en je kan zelfs al een poging wagen om zonder deze code in je hoofd te zien hoe het wordt.
Ik zal waarschijnlijk wel wat meer CSS nodig hebben om dit te stijlen, maar het is stukken beter.
 
Ozzie PHP

Ozzie PHP

04/01/2012 13:52:53
Quote Anchor link
Ah oké, nice :)
Als ik volgende keer iets moet maken, ga ik dat ook eens op die manier proberen.
 
Ozzie PHP

Ozzie PHP

06/01/2012 11:50:04
Quote Anchor link
Strange... net weer een screenshot opgeslagen. 100% kwaliteit jpg: 350kb.
Png (dus ongecomprimeerd): 102kb.

Huh?
 
Wouter J

Wouter J

06/01/2012 12:24:39
Quote Anchor link
Ja, JPG op het grootste kwaliteit heeft een zeer grote bestandsgrootte. JPG op een wat mindere kwaliteit die nog steeds het juiste beeld weergeeft heeft een kleinere bestandsgrootte dan PNG en daarom kun je dan beter JPG gebruiken.

Maar JPG op 100% is onzinnig. Daarvoor moet je GIF of PNG gebruiken.

De wijze waarop JPG images worden gemaakt is gemaakt voor ong. 70% kwaliteit, zodra je daar boven komt wordt de grootte onnodig groot.
PNG is gemaakt voor de wat betere kwaliteit, die levert dan een mooie bestandsgrootte, maar die heeft weer als nadeel dat als er weinig kleuren worden gebruikt de goede kwaliteit onnodig heeft.
GIF kan weer goed overweg met afbeeldingen met weinig kleur, maar veel kwaliteit. Die heeft dan de juiste grootte, alleen met meer kleuren wordt de kwaliteit weer slechter en de grootte te groot.

Elk formaat heeft zo zijn doel en zijn voor en nadelen. Daarom moet je het per image bepalen.
 
Ozzie PHP

Ozzie PHP

06/01/2012 14:09:54
Quote Anchor link
Ja inderdaad... maar wel raar dat PNG, wat ongecomprimeerd is, factor 3x zo klein is dan de jpg. Toch best vreemd.
 
Kris Peeters

Kris Peeters

06/01/2012 14:42:54
Quote Anchor link
Ja maar ... png is niet ongecomprimeerd.
Het is wel "Lossless compression".

Zoals Wouter zegt: afhankelijk van waarover het gaat, is het ene of het andere formaat meer geschikt.

jpg is maar voor 1 ding goed: foto's; foto's van de realiteit.

In de realiteit heb je vloeiende overgangen van kleuren; heb je een hele reeks tinten, kleurennuances; heb je geen lijnen en randen die perfect scherp zijn, heb je geen vlakken die slechts 1 kleur bevatten.
jpg zorgt er voor dat je altijd die vloeiende overgangen blijft behouden.

Voor alle andere dingen dan foto's zijn andere formaten beter.
Gewijzigd op 06/01/2012 14:43:41 door Kris Peeters
 
Ozzie PHP

Ozzie PHP

06/01/2012 14:46:36
Quote Anchor link
Oké, thanks voor de toelichting :)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.