Redesigned my Site Plus Created New One Just for GD

[Szczelec33]

You guys may remember some of my previous posts where I would exclusively use the iPad and apps such as Procreate and Artstudio HD. well, altely I have purchased various Udemy courses for Illustrator and going over them trying to master it on my Macbook Air. (I also have some html and photoshop courses I watch on my iPad but am focusing now on Illustrstor as I have the iPad for mostly raster stuff and kinf of know Photoshop already. The graphic on top of my page is custom designed in Illustrator and it is the png file:
www.mike-lata.com

I also have various variations of it, which you can see on my recent article I posted on my blog:
https://mike-lata.com/2018/08/28/how-geoblocking-is-affecting-your-web-usage/

The best and newest version I recently redid the globe (makint it more round using pen tool rsther thsn shape from oval and make it floating) and resized the whole image to fit my LinkedIn image area on profile:
https://pl.linkedin.com/in/mlata

However, I also created a separate website with weebly that I am trying to oush for graphic design work and marketing (as well as webd esign and journalism among other things):
http://www.artisticcounterculture.com/

I am in need of work and writing and online journalism is super competitive and low rates right now so I am trying to branch out into graphic design or multimedia journalism as a whole (I can do the whole package: articles with visual content and even video) as well as even webd esign thrown in using weebly or wordpress.

One auestion I have is if embedding vector images online using the png format. It seems very slow and the images maybe too alrge to load so jpeg seems better. However, is png reslly a loseless formst or is it just better thsn jpeg but to keep a pure vector format you need to upload via pdf or .svg? Is there a file formst you can embed online like out on a website where someone can zoom in or download the file and have it not deteriorate?

 

[organicCPU]

However, is png reslly a loseless formst or is it just better thsn jpeg but to keep a pure vector format you need to upload via pdf or .svg? Is there a file formst you can embed online like out on a website where someone can zoom in or download the file and have it not deteriorate?

PNG can be lossless, jpeg is always lossy. Both aren´t vector, but pixel file formats. In Photoshop, one can export images for web either as PNG-8, PNG-24, JPEG or GIF. PNG-8 is similar to GIF. Both are good choices for vectors converted to pixels, because they usually need just a few different colors (up to 256) to give good results. PNG-24 is similar to JPEG in means that those formats are ideal to store photographic images with many different colors. PNG-24 can store pixel images lossless, without the compression artefacts you know from JPEG. It depends on the individual image if PNG-24 or JPEG lead to a smaller size. There are tools like ImageOptim that can create incredible small file sizes.
A widely supported vector format to display on a website or for download is SVG. To get the smallest file size, one could code the scalable vector graphic in a text editor with just minimal instructions by hand. That would give you a much smaller file size than the SVG output of Illustrator, Inkscape or Affinity Designer. This is quite tricky for more complex designs. In that case you probably would condone the slightly bigger size of the export.
Another way to put vector graphics with just a single color on a website, is to build a webfont, but SVG is prefered in most cases. PDF can also contain vector images, but is better suited for download, rather than for direct view on a website.

 

[Szczelec33]

PNG can be lossless, jpeg is always lossy. Both aren´t vector, but pixel file formats. In Photoshop, one can export images for web either as PNG-8, PNG-24, JPEG or GIF. PNG-8 is similar to GIF. Both are good choices for vectors converted to pixels, because they usually need just a few different colors (up to 256) to give good results. PNG-24 is similar to JPEG in means that those formats are ideal to store photographic images with many different colors. PNG-24 can store pixel images lossless, without the compression artefacts you know from JPEG. It depends on the individual image if PNG-24 or JPEG lead to a smaller size. There are tools like ImageOptim that can create incredible small file sizes.
A widely supported vector format to display on a website or for download is SVG. To get the smallest file size, one could code the scalable vector graphic in a text editor with just minimal instructions by hand. That would give you a much smaller file size than the SVG output of Illustrator, Inkscape or Affinity Designer. This is quite tricky for more complex designs. In that case you probably would condone the slightly bigger size of the export.
Another way to put vector graphics with just a single color on a website, is to build a webfont, but SVG is prefered in most cases. PDF can also contain vector images, but is better suited for download, rather than for direct view on a website.

Thanks for the info.