100% jpg

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Developer

Bij een bedrijf in de machinebouw, regio Roosendaal, zijn we op zoek naar een: Software Developer Waar ga je werken? Onze opdrachtgever is gespecialiseerd in de grondverzetmachines. Al meer dan 50 jaar leveren ze zowel nationaal als internationaal diverse machines. Het is een familiebedrijf met een informele werksfeer. Wat ga je doen? Als Software Developer je verantwoordelijk voor: - Je werkt voortdurend aan oplossingen voor het op afstand bewaken en besturen van oogstmachines; - Het visualiseren van gegevens in rapporten, apps of andere formaten; - Voorspellend machineonderhoud; - Taakplanning; - Je schrijft aangepaste plug-ins om gegevens te importeren of exporteren

Bekijk vacature »

.Net ontwikkelaars voor de zorgsector

Bedrijfsomschrijving Voor onze klant in de omgeving van Zwolle zijn wij op zoek naar een ervaren .Net ontwikkelaar, bij voorkeur met ervaring binnen de belangrijkste sector van Nederland, namelijk: de zorgsector. Deze internationale organisatie ontwikkelt software voor de zorgsector. Er werken zo'n 25 medewerkers hard aan een oplossing die gebruikt wordt door heel Nederland. Er heerst een informele sfeer waarbij er altijd ruimte is voor een grapje. Je collega's zijn stuk voor stuk sterke ontwikkelaars vanuit verschillende achtergronden en met verschillende leeftijden. Je komt hier terecht in een organisatie die zich hard inzet om de zorgsector te verbeteren. De mogelijkheden

Bekijk vacature »

Front-end Developer

Do you want to work with the latest technologies on the development of new systems and applications? Create elegant interfaces using VueJS for thousands of users? Get moving and strengthen Nederlandse Loterij as a Front-end Developer. Thanks to your efforts, our services are always presented in style. As a Front-end Developer you are responsible for website development and improving customer experience based on data analyze. In this way, you directly contribute to a happy, healthy and sporty Netherlands. As a Front-end Developer you score by: Writing elegant, testable components without side-effects to provide functionality to the users Website development, adding

Bekijk vacature »

Integratie Developer / Architect

Dit ga je doen Als Integratie Developer / Architect binnen deze organisatie krijg je echt de kans om impact te maken. De organisatie is groeiende maar houdt een corporate cultuur buiten de deur. Heb je een goede business case: zorg voor goede argumentatie en ga ervoor! Geen stroperig beslissingsproces dat jouw ideeën in de weg staat! Enkele van jouw taken: Je ontwerpt en ontwikkelt nieuwe integraties met behulp van interne tools (Boomi) of externe partners; Je vertaalt functionele specificaties naar technische oplossingen; Je denkt mee over strategische ontwikkelingen op het gebied van applicatie integratie; Je voert regie op leveranciers en

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 »

.NET Developer

Functie omschrijving Ervaren .NET Developer gezocht! Wij zoeken een ervaren .NET developer die aan de slag gaat voor een softwarebedrijf in de regio Rhenen. In deze rol ben jij zowel zelfstandig als in teamverband verantwoordelijk voor het ontwikkelen en verbeteren van bestaande producten. Daarnaast houdt jij je bezig met de nieuwbouw van websites, webapplicaties en mobiele applicaties die zowel intern als extern gebruikt worden. Je werkt hierbij nauw samen met andere developer, productmanagers en product specialisten om mooie producten te creëren. Bedrijfsprofiel Waar kom je te werken? Je komt te werken voor snelgroeiende softwareleverancier en allround dienstverlener. Klanten van deze

Bekijk vacature »

JAVA Programmeur

Bedrijfsomschrijving Functieomschrijving We zoeken per direct enthousiaste software engineers die ons team komen versterken.We werken in DevOps teams met een sterk gevoel voor verantwoordelijkheid. Er wordt nauw samengewerkt met ons Business analyse team (BAT), met onze uitvoerende medewerkers en met de DevOps teams onderling binnen het domein. Het liefst hebben we veel en vaak interactie met onze interne en externe eindgebruikers om zo de juiste dingen te maken. We werken multidisciplinair in een dynamische omgeving. Achtergrond opdracht De Businesseenheid Examens is verantwoordelijk voor de logistiek van de staatsexamens Voortgezet (speciaal) onderwijs, Nederlands als 2e taal en schoolexamens. In het kader

Bekijk vacature »

C# developer

Functie Als C# ontwikkelaar ben jij de spin in het web bij deze organisatie. Jij begeleidt en traint de field engineers die bij de klanten machines leveren en installeren. Daarnaast ondersteun jij de field engineers als zij bij de klant vastlopen bij het installeren van de machine m.b.t. software matige vragen. Jouw doel is dan ook om de technische kennis van de field engineers door middel van training zoveel mogelijk uit te breiden. Dit om ervoor te zorgen dat zij zelfstandiger software matige problemen kunnen oplossen. Ook ben jij verantwoordelijk voor het bedenken van software oplossingen voor klanten en dit

Bekijk vacature »

Software developer (Python)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en houden ze zo nu en dan pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Je hebt in je werk oog voor kwaliteit, risico’s en het klantbelang. Communicatie met

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

C# .NET Backend Developer HBO Javascript

Samengevat: Deze werkgever is een professionele speler op gebied van IT en E-Commerce. Wil jij werken voor een e-commerce platform? Heb je ervaring met C#, Javascript en Scrum? Vaste baan: C# .NET Developer Backend E-Commerce 3.400 - 4.500 Backend Developer Wij ontwikkelen software voor E-Commerce toepassingen. Ons eigen Content Management systeem biedt een integrale oplossing met diverse ERP software. Onze systemen zijn vaak complex en omvangrijk en draaien bij grote organisaties. Maar ook kleine ondernemingen hebben steeds vaker behoefte aan een vlekkeloos werkende E-Commerce oplossing. Zij bieden een uitdagende werkomgeving met gezellige collega's. Je krijgt veel vrijheid en er is

Bekijk vacature »

C#.NET Developer Jr. Functie

Functie omschrijving Bouw jij graag aan applicaties om processen in distributiecentra te optimaliseren? Wij zijn op zoek naar een C#.NET ontwikkelaar in regio Breda die hier graag een steentje aan bijdraagt! Jouw werkzaamheden zullen er als volgt uitzien: Je krijgt veel vrijheid in de keuze van de technieken die je gaat gebruiken. Uiteraard wel binnen de gestelde kaders, en door gebruik te maken van het .NET platform. Je gaat aan de slag met de ontwikkeling van een nieuwe module binnen de WMS suite van dit bedrijf. Deze "carrier" module gaat er voor zorgen dat de selectie van een vervoerder volledig

Bekijk vacature »

Functioneel applicatiebeheerder - SOP-SYS-SAM

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Functioneel Applicatiebeheerder op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je gaat samenwerken in een team van circa 15 functioneel applicatiebeheerders en gaat onderdeel uitmaken van een DevOps team. Met dit team ga je applicaties (laten) ontwikkelen en beheren. Hierbij concentreer je je vooral op de functionele aspecten, zodat

Bekijk vacature »

Team Lead/ Lead developer gezocht (Hands-on, PHP,

Functie Als Team Lead ben je de leider van één van de ontwikkelteams binnen de organisatie. Je leidt als lead developer een goed draaiend team dat werkt aan complexe en duurzame applicaties en API’s. Vanuit je kennis en ervaring ben je in staat het grote plaatje te blijven overzien, en kritisch mee te denken over bijvoorbeeld de architectuur, maar ook de algehele aanpak binnen het project. Je laat je team niet alleen technisch goed functioneren maar ben ook betrokken bij het menselijke aspect. Zo weet jij je collega’s te motiveren en begeleiden in hun dagelijkse werk. Buiten het team ben

Bekijk vacature »

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

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

24/12/2024 13:43:12
 
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.