Website with many images dilemma

[BlitzWarTank]

These are the 2 choices to host images:
Similarity: Both choices allow high resolution images(up to 2k+).

Using my hosting server/cdn
Pros:
1) Look professional
2) Can set my own level of image compression
3) Load faster (Click > lightbox > image pops up)

Cons:
1) I won't be able to implement a comment and "like" section easily
2) Huge bandwidth cost

Using facebook album
Pros:
1) Huge saving cost (maybe up to 95% of the bandwidth?)
2) Can easily give comment and like the image

Cons:
1) Does not look professional
2) Image may load slow
3) Other ads may appear on facebook (without ad blocker)

 

[davidktw]

These are the 2 choices to host images:
Similarity: Both choices allow high resolution images(up to 2k+).

Using my hosting server/cdn
Pros:
1) Look professional
2) Can set my own level of image compression
3) Load faster (Click > lightbox > image pops up)

Cons:
1) I won't be able to implement a comment and "like" section easily
2) Huge bandwidth cost

Using facebook album
Pros:
1) Huge saving cost (maybe up to 95% of the bandwidth?)
2) Can easily give comment and like the image

Cons:
1) Does not look professional
2) Image may load slow
3) Other ads may appear on facebook (without ad blocker)

consider using a Facebook plugin for the CMS so that you can delegate images resources to Facebook. check that the plugin is not retrieving the images from Facebook and present as images from your site.

As for likes and comment, that will depends on the plugin functionality and perhaps you can consider modifying them too

 

[BlitzWarTank]

consider using a Facebook plugin for the CMS so that you can delegate images resources to Facebook. check that the plugin is not retrieving the images from Facebook and present as images from your site.

As for likes and comment, that will depends on the plugin functionality and perhaps you can consider modifying them too

But my website is not built around CMS, is there any traditional way of doing it by html and js?

 

[davidktw]

But my website is not built around CMS, is there any traditional way of doing it by html and js?

Of course why not. Isn't a CMS also build using the same technology ? It is just a platform to allow you conveniently do some things.

You can look at the Facebook Graph API, there is a Javascript SDK you can use it to access Facebook. All you need is setup a Facebook App, which is how Facebook use it to control your application access. The bad thing using Javascript SDK is that one will need to possibility expose the app secret in the client webapp, which is a security issue. So you are encouraged to use serve side scripting where Facebook also offers serve side SDK such as for PHP. This way you can embed the app ID and secret into your server side codes and still able to call out to Facebook via their Graph API to retrieve metadata of your images from your album or page or account. The images are not retrieved, rather set of links are given, which you can use for your HTML IMG elements. your end-user browsers will fetch from Facebook instead of your website

 

[BlitzWarTank]

Of course why not. Isn't a CMS also build using the same technology ? It is just a platform to allow you conveniently do some things.

You can look at the Facebook Graph API, there is a Javascript SDK you can use it to access Facebook. All you need is setup a Facebook App, which is how Facebook use it to control your application access. The bad thing using Javascript SDK is that one will need to possibility expose the app secret in the client webapp, which is a security issue. So you are encouraged to use serve side scripting where Facebook also offers serve side SDK such as for PHP. This way you can embed the app ID and secret into your server side codes and still able to call out to Facebook via their Graph API to retrieve metadata of your images from your album or page or account. The images are not retrieved, rather set of links are given, which you can use for your HTML IMG elements. your end-user browsers will fetch from Facebook instead of your website

Is it easy to implement the php side? As I have forgotten most of my basic php skill so I'm not sure where can I start.

 

[ykgoh]

Is it easy to implement the php side? As I have forgotten most of my basic php skill so I'm not sure where can I start.

My advice is you can browse fellow professional photographers' web site. Observe what CMS they are using for their sites.

There are many photographers who are using Wordpress with gallery plugins. There are also CMS designed for photo galleries and albums. See if they fit your needs. Most of them need PHP and MySQL.

Also as a portfolio site, you may not need to upload the full resolution images. In fact some photographers deliberately upload a low resolution version for visual preview with a watermark to protect their works. Ask yourself if it is necessary to show the full resolution version.

You can also use hosted solution like Flickr? I think some photographers use that if they can't be bothered to set up and maintain their own sites.